我們為大家收集整理了關於如何將divcss塊元素居中,以方便大家參考。假設你的網站使用了固定寬度的布局,所有的內容置於屏幕中央,可以使用以下的css:
#content
{
width: 700px;
margin: 0 auto;
}
你可以把html的body之內任何項目置於
中,該項目將自動獲得相等的左右邊界值從而保證了居中顯示。不過,這在IE6之前版本的浏覽器中仍然有問題,將不會居中,因此必須修改如下:
body
{
text-align: center;
}
#content
{
text-align: left;
width: 700px;
margin: 0 auto;
}
對body的設定將導致主體內容居中,但是連所有的文字也居中了,這恐怕不是你想要的效果,為此#content 的div還要指定一個值:text-align: left
希望大家可以學會如何將divcss塊元素居中.想了解更多精彩內容,請關注我們的網站!
相關推薦:
css盒模型hack的另一選擇是什麼呢