内容居中的负边距解决方案

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

实现在思路,创建一个包含居中元素的容器,然后将其绝对定位于相对页面左边缘50%的位置.

然后将容器的左外边距设为负值,为这容器宽度的一半,这样就可以定义容器竖直中线就经过屏幕的中心.

样式:

 

#container{
position:absolute;
left:50%;
width:760px;
margin-left:-380px;
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注