假設(shè)有一個(gè)布局亚兄,希望讓其中的容器div在屏幕上水平居中,則只需要定義div的寬度,然后將水平外邊距設(shè)置為auto
<body>
<div class="wrapper"> </div>
</body>
.wrapper{
width:920px;
margin:0 auto;
}
注意:上述方法在現(xiàn)代瀏覽器中都是有效的珍昨,但是,混雜模式中的IE 5.x和IE 6不支持margin:auto聲明句喷,但IE將text-align:center誤解為讓所有東西居中镣典,而不只是文本,可以利用這一點(diǎn)唾琼,具體方法是讓主體標(biāo)簽中的所有東西居中兄春,包括容器div,然后讓容器的內(nèi)容重新向左對(duì)齊:
body{
text-align:center;
}
.wrapper{
width:920px;
margin:0 auto;
text-align:left;
}