將css塊元素居中的方法

歡迎大家在這裡學習將css塊元素居中!這裡是我們給大家整理出來的精彩內容。我相信，這些問題也肯定是很多朋友在關心的，所以我就給大家談談這個!

假設你的網站使用了固定寬度的布局，所有的內容置於屏幕中央，可以使用以下的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

好了，將css塊元素居中內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

css盒模型hack的另一選擇的技巧