普通块元素的盒子可以通过设置 margin:0 auto
来水平居中,但对加了绝对定位的盒子,这种方式是无效的。
要让绝对定位的盒子水平居中,可以这么做:
/*第一步:让盒子左侧移动到父级元素的水平中心位置*/
left: 50%;
/*第二步:让盒子向左移动自身宽度的一半(这里假设绝对定位的盒子宽度为 200px)*/
margin-left: -100px;
【如何让定位的盒子居中】同理,垂直居中这么做:
top: 50%;
margin-top: -100px;