css Div+CSS布局置中

一、使用自動外邊距實現置中

　　CSS中首選的讓元素水平置中的方法就是使用margin屬性—將元素的margin- left和margin-right屬性設定為auto即可。在實際使用中，我們可以為這些需要置中的元素建立一個起容器作用的div。 需要特別注意的一點就是，必須為該容器指定寬度：

Div+CSS布局置中

div#container {

   margin-left: auto;

   margin-right: auto;

   width: 168px;

   height:80px;

}

二、使用text-align實現置中

　　另一種實現元素置中的方法是使用text-align屬性，將該屬性值設定為center並應用到body元素上即可。這種做法是徹頭徹尾的hack，但它卻能相容大多數瀏覽器，所以在某些情況下也自然必不可少。

　　之所以說它是hack，是因為這種方法並沒有將文字屬性應用到文本上，而是應用到了作為容器的元素上。這也給我們帶來了額外的工作。在建立好布局必須的div之後，我們要按照如下代碼為body應用text-align屬性：

Div+CSS布局置中 

body{

   text-align:center;

}