css布局网页水平居中常用方法

网络编程 css布局网页水平居中常用方法 06-22

页面水平居中一般会令人很头疼，尤其新手。浏览器之间的不兼容也会带来很大问题。下面来说一下常见的页面水平居中办法。
以下内容参见《精通CSS》。
HTML代码：


<body>   
<div id="wrapper">   
</div>   
</body>   
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框架布局的缺点和优点小结
现在好多网站都用了div+css来布局网页结构，优点是速度快了，可负面影响呢，来看下面的分析前端时间写了一篇《利用CSS框架进行高效率的站点开发》

Web2.0下XHTML+CSS 设计需要注意的地方小结
注意事项：1、除选择DOCTYPE之外的语句必须使用小写英文字母书写。其中包括MacromediaDreamweaver生成的鼠标动作，如OnMouseOver也必须修改成onmouseover。2、XHTM

table高级应用把表格进行到底(必看)
1.表格的分隔线可以隐藏tableborderrules=colscellspacing=0align=left可以隐藏横向的分隔线tableborderrules=rowscellspacing=0align=right可以隐藏纵向的分隔线tableborderrules=no

编辑：一起学习网

标签：页面,分隔线,小结,容器,表格