实现在思路,创建一个包含居中元素的容器,然后将其绝对定位于相对页面左边缘50%的位置.
然后将容器的左外边距设为负值,为这容器宽度的一半,这样就可以定义容器竖直中线就经过屏幕的中心.
样式:
#container{
position:absolute;
left:50%;
width:760px;
margin-left:-380px;
}
内容居中的负边距解决方案
实现在思路,创建一个包含居中元素的容器,然后将其绝对定位于相对页面左边缘50%的位置.然后将容器的左外边距设为负值,为这容器宽度的一半,这样就可以定义容器竖直中线就经过屏幕的中心.样式: #container{position:absolute;left:50%;width:760px;margin-left:-380px;}…