頁面水平居中通常會令人很頭疼，尤其新手。瀏覽器之間的不相容也會帶來很大問題。下面來說一下常見的頁面水平居中辦法。
以下內容請參閱《精通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版面網頁水平居中常用方法_經驗交流的內容，更多相關內容請關注php中文網（www.php.cn）！
