只需要兩行代碼就可以了:
利用DIV+CSS佈局時,經常需要利用DIV居中,很多時候如果不知道怎樣設置CSS,需要寫大量的代碼和複雜的Javascript來讓DIV居中,其實利用CSS,可以輕鬆的設置DIV居中,而且對IE和Firefox都適用。
我們要給一個DIV設置它的寬度,然後設置margin的左邊和右邊的邊緣都是自動auto. margin:0px auto
具體代碼有:
DIV:
<div id="mainBody">
CSS:
#mainBody{
width:900px;
margin:0px auto;
margin-top:20px;
font-size:14px;
}
最好寫上Doctype:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 否則不用的瀏覽器,不同的瀏覽器版本,可能會產生不同的頁面顯示效果。