將div css塊元素居中的方法

歡迎大家在這裡學習將div 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

將div css塊元素居中精彩內容就到這裡了!希望大家可以好好利用!

相關推薦：

怎麼做div css圖片替換呢