Question

css代码中 margin:auto 和 margin:0 auto 有什么区别？

两个都能实现居中效果。
只是我想知道有什么区别。还有auto是怎么实现居中的。

Answer 1

一、区别

1、参数详解

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:上 右 下 左 ，逆时针一圈。

2、实例说明

margin后面是有4个参数的。

例如：margin:1px 2px 3px 4px，分别表示 上（1px）、右(2px)、下(3px)、左(4px)。

margin后面如果只写2个参数的。

例如：margin：1px 2px

那么这是代表 上下都为1px 左右都为2px。

扩展资料

1、margin 0px auto属性规则

margin:0px auto代表对象上下间隔为0px，左右间隔根据对象宽度自适应。

margin:0px auto简写：可以去掉0后面的px单位，一般CSS代码中如果值为0，那可以不用跟html长度单位。

margin;0px auto或margin:0 auto作用：常用于让DIV布局居中,起到让布局居中作用。

2、margin:auto属性说明

margin:auto时浏览器计算外边距,当margin定义为auto时,将占用可用空间或0px 。

margin:auto时浏览器会自动分配左右边距，使元素平均分配占用父级容器的左右边距，达到元素居中的目的

3、CSS中auto元素

定义auto元素，因元素类型和上下文而异。在边距中，auto可以表示两种情况：占用可用空间或0 px。这两个将为元素定义不同的布局。

4、margin的兄弟属性padding

margin属性是外边距，而padding属性是内边距。padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。

Answer 2

前者是作用于四条边上的，所以它在水平垂直方向上都居中，后者是分别作用在上下边和左右边上的，所以它只在水平方向上居中，auto就是实现居中的关键，它就像是一根弹簧，帮盒子在某个方向实现居中。

Answer 3

margin:auto 意思是四个方向都用auto
margin:0 auto 的意思是上下为0 左右是auto
用div+css布局时多数会这样来居中
<div style="margin:0 auto"></div>

Answer 4

有区别
margin:auto是指上下左右全都auto
margin:0 auto 是指上下是0，左右auto
auto实现居中很简单啊，你左右边距都auto了，那不就是居中么