记录一个通过位置实现元素居中的方法。先让div左边50%,因为是根据div左边界实现的,所以需要让div往左回半个容器的宽度实现元素居中。
绝对定位实现元素水平居中
.div {
position: absolute;
width: 宽度值;
left: 50%;
margin-left: -(宽度值/2);
}
举例:
.div {
position: relative;
left: 50%;
width: 700px;
margin-left: -350px;
}