假設有一個布局，希望讓其中的容器div在屏幕上水平居中，則只需要定義div的寬度，然后將水平外邊距設置為auto
<body>
<div class="wrapper"> </div>
</body>
.wrapper{
width:920px;
margin:0 auto;
}
注意：上述方法在現代瀏覽器中都是有效的，但是，混雜模式中的IE 5.x和IE 6不支持margin:auto聲明，但IE將text-align:center誤解為讓所有東西居中，而不只是文本，可以利用這一點，具體方法是讓主體標簽中的所有東西居中，包括容器div，然后讓容器的內容重新向左對齊：
body{
text-align:center;
}
.wrapper{
width:920px;
margin:0 auto;
text-align:left;
}
