DIV+CSS網頁布局技巧實例1：設置網頁整體居中的代碼

本文是設置網頁整體居中的代碼的介紹，下面是該介紹的詳細信息。

以前用表格布局時設置網頁居中非常方便，把表格對齊方式設置為居中就行了，就這麼簡單，現在呢，用DIV+CSS樣式表控制，好像不是那麼容易了，其實也很簡單，只不過方式不同而已。

<style>
#layout { width:778px; margin:0 auto; text-align:center;}
</style>
<div id="layout">標准之路www.aa25.cn</div>

請看這段代碼，寬度為適合800×600分辨率浏覽器的寬度，margin:0 auto; 這句代碼就是讓居中了，意思是外邊距上下設置為0，左右設為自動。這樣它就居中了。

那麼可能你要問了，text-align:center;為什麼還要讓內容居中呢?呵呵，別著急，這句是為了適應IE6以下版本的浏覽器而加的，IE6以下對margin:0 auto;不能解析為居中，所以用這種方式來補救，以下在設計內容時再用 text-align:left;就可以了。

注：margin和padding的值的順序為順時針上右下左，如margin:1px 2px 3px 4px;還可以縮寫為上下、左右，如本例，如果為margin:0px;則是各邊都為0

以上就是精品提供的關於設置網頁整體居中的代碼的內容，希望對大家有所幫助。