关于用CSS控制页面居中
(转自:http://blog.5d.cn/user5/pureboy/200512/192302.html,
其他参考:http://developer.51cto.com/art/201008/222977.htm)
关于页面居中我总结了有以下几种用CSS方法:
第一种方法
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
以上代码的关键是
div {
position: absolute;
width: 770px;
left: 50%;
margin-left:-385px;
}
第二种方法
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
第三种方法
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
以上均在IE6.0中测试通过。其中第三种方法在IE6.0中显示正常,但在IE5.0中显不正常。
各位网友是否还有其它的方法请指教。
第一种方法
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
以上代码的关键是
div {
position: absolute;
width: 770px;
left: 50%;
margin-left:-385px;
}
第二种方法
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
第三种方法
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
以上均在IE6.0中测试通过。其中第三种方法在IE6.0中显示正常,但在IE5.0中显不正常。
各位网友是否还有其它的方法请指教。