欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

margin auto div+css解释介绍篇

我们常常在DIV布局中看见margin的样式值为auto,如下面:

  1. margin:auto 
  2. margin:0 auto 

接下来我们介绍在CSS中的margin:automargin: 0 auto;有什么区别

margin:auto = margin:auto auto auto auto;
margin:0 auto = margin:0 auto 0 auto;

margin:n m p q表示该元素上外边距为n,右外边距为m,下外边距为p,左外边距为q,即 margin:上 右 下 左 ,逆时针一圈。

详情了解margin教程

margin后面是有4个参数的。
例如:margin:1px 2px 3px 4px
分别表示 上(1px)、右(2px)、下(3px)、左(4px)。

如果只写2个参数的话,比如:margin:1px 2px
那么着是代表 上下都为1px 左右都为2px.

至于居中,很明显,margin:0 auto 是标准的写法!常常我们使用margin:0 auto让div盒子布局居中。

margin:auto这个是代表四外边距自动,当然此CSS margin默认为auto,所以常常都不用设置auto这个值,只有确定前面对对象设置了margin值,此时需要重置时候使用margin:auto

扩展阅读
1、margin:0px auto详细了解
2、css布局居中
3、css内容居中
4、css背景居中
5、margin-bottom
6、margin造成网页布局错位
7、css width auto

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w538.shtml