代碼如下
<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布局網頁水平置中常用方法_經驗交流的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
