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>类型相关定义。