萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 如何將divcss塊元素居中呢

如何將divcss塊元素居中呢

我們為大家收集整理了關於如何將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的另一選擇是什麼呢 

copyright © 萬盛學電腦網 all rights reserved