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失效可能因素：

　　1、所在元素没有设置宽度

　　2、所在元素不能浮动，否则无效

　　3、在某些浏览器中，需要给父级元素添加样式：text-align: center;

　　4、在某些浏览器中，可能涉及到 <!DOCTYPE>类型相关定义。

 

转载于:https://www.cnblogs.com/YanRuYu-MoRuHua/p/6703285.html