DIV+CSS DIV居中佈局

只需要兩行代碼就可以了: 

利用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"> 否則不用的瀏覽器,不同的瀏覽器版本,可能會產生不同的頁面顯示效果。 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章