场景:黑色div设置了inline-block,子元素红色div水平排列
需求
1.如果需要红色div垂直水平居中,如上图,需要在黑色div中多加个属性
vertical-align: middle;
2.临时需要加一个圆,这个圆需要在红色div正中间,如果通过margin去调会发现,在响应拉动水平width的情况下,他是不会居中的,因为红色div有时候比蓝色div小,有时候比它大,这时候就很难动态设定
所以需要对蓝色div做以下处理
left: 50%;
top: 50%;
z-index: 1000;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
可能还需要加个position:absolute,先试试上面的