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將塊元素居中的方法了吧!感謝大家對我們網站的支持!

相關推薦：

如何在DWMX創建CSS樣式表呢