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