另一种方法是使用变换翻译
外层div必须将其position对relative或fixed和内蒙古事业部必须设置它position到absolute,top并left以50%和应用transform: translate(-50%, -50%)。
div.cn {
position: relative;
width: 200px;
height: 200px;
background: gray;
text-align: center;
}
div.inner {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: red;
}
<div class="cn">
<div class="inner">
test
</div>
</div>
实现这种水平和垂直居中的另一种方法是:
.Absolute-Center {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}