HTML基礎複習（六）佈局-居中

讓最外層DIV在IE瀏覽器中水平居中：margin：0 auto

　　　　　　　　　　　　　　　

　　

 

 

　　margin是設置外邊距的，它有四個值，margin：4px 5px 5px 5px;分別表示上邊距，右邊距，下邊距，和左邊距，是從上按順時針設置的。

　　若是規定一個值，好比 div {margin: 50px} - 全部的外邊距都是 50 px

　　若是規定兩個值，好比 div {margin: 50px 10px} - 上下外邊距是 50px，左右外邊距是 10 px。margin：0 auto； 這其中0是上下邊距都是0，auto是自動調整大小（自動平分空白區），在這裏是左右邊距相同，就是居中了。

　　若是規定三個值，好比 div {margin: 50px 10px 20px}- 上外邊距是 50 px，而左右外邊距是 10 px，下外邊距是 20 px。

　　若是規定四個值，好比 div {margin: 50px 10px 20px 30px} - 上外邊距是 50 px，右外邊距是 10 px，下外邊距是 20 px，左外邊距是 30 px。

　　還能夠margin-top：3px；margin-right：3px；margin-bott：om：3px；margin-left：3px；

 

 

margin：0 auto失效可能因素：

　　一、所在元素沒有設置寬度

　　二、所在元素不能浮動，不然無效

　　三、在某些瀏覽器中，須要給父級元素添加樣式：text-align: center;

　　四、在某些瀏覽器中，可能涉及到 <!DOCTYPE>類型相關定義。