CSS网页布局DIV水平居中的各种方法

时间:2012-04-30 08:08:36
【文件属性】:
文件名称:CSS网页布局DIV水平居中的各种方法
文件大小:426B
文件格式:TXT
更新时间:2012-04-30 08:08:36
CSS 一、margin:auto 0 #wrap { margin:0 auto;} 上面这段代码的意思是说使wrap这个div到左右两侧的距离自动设置,上下为0(可以为任意)。 二、相对定位与负的边距 #wrap { position:relative; width:760px; left:50%; margin-left:-380px } 这段代码的意思是,设置wrap的定位是相对于其父元素body标签的,然后将其左边框移动到页面的正中间(也就是left:50%含意);最后我们再从中间位置向左偏移回一半的距离来,这样就实现了水平居中了。

网友评论