2010-01-13 08:14:17 margin auto div+css中作用是什么?详细介绍css样式布局中margin:auto和margin:0 auto区别与用法。
margin auto div+css解释介绍篇
我们常常在DIV布局中看见margin的样式值为auto,如下面:
- margin:auto
- margin:0 auto
接下来我们介绍在CSS中的margin:auto与margin: 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