總結一下css讓頁面居中對齊的方法
1.我們常用的margin:0 auto;方法
這個方法是大家用的最多的方法,使用的時候必須爲容器制定寬度!例子:#main {width:960px;margin:0 auto;}
這個在大部分瀏覽器裏面都可以很好的實現效果。
下面看一下第二種方法
2. 用text-align實現居中,這個方法其實算是一個hack
這個方法把整個頁面當作文本對待,把body的屬性設置爲{text-align:center;} 這樣的話頁面所有內容全部居中了,還需要把頁面總的外框(wrap)屬性{text-align:left;} 這樣的話頁面就居中了!
代碼:body{text-align:center;}
wrap {text-align:left;}