页面布局居中css代码

来源：百度文库 编辑：神马文学网 时间：2024/04/28 00:12:40
页面水平居中一般会令人很头疼，尤其新手。浏览器之间的不兼容也会带来很大问题。下面来说一下常见的页面水平居中办法。 
以下内容参见《精通CSS》。 
HTML代码： 
复制代码 代码如下:
 
 
 
 
IE居中办法： 
body { 
text-align:center; 
min-width:760px; 
} 
#wrapper { 
width:720px; 
text-align:left; 
} 
IE会将text-align:center 误以为让所有东西居中，而不只是文本。然后将容器的内容重新对准左边即可。 
非IE： 
复制代码 代码如下:
#wrapper { 
width:720px; 
margin:0 auto; 
} 
如何兼容IE和非IE?如下： 
复制代码 代码如下:
#wrapper { 
width:720px; 
position:relative; 
left:50%; 
margin-left:-360px; 
} 
首先将容器左边边缘定位到页面中间，然后向左移动它宽度的一半。 
页面布局居中css代码 css让页面居中对齐的方法 漫谈CSS和页面布局. DIV CSS页面的常见布局框架-CSS在线 CSS样式+DIV页面布局(水平三列) Css布局 CSS布局口诀 CSS BUG顺口溜 - 卡卡代码站_KKCode.com 关于使用CSS居中(包括水平/垂直) CSS如何使DIV层水平居中 页面布局教程 CSS布局入门 div+css布局漫谈 常用css布局 CSS DIV布局教程 div+css布局漫谈 常用css布局 CSS布局口诀 Div CSS布局入门教程 div+css布局经验 CSS布局入门 Div+CSS布局入门教程 建站教程>CMS建站>DIV+CSS常用的Html网页布局代码汇集 CSS控制页面展开/关闭 关于页面居中margin:0 auto的几个问题