Question

请问css中margin:auto 和margin:0的区别是什么

Answer 1

区别是

margin:auto; 这个是上右下左的值都是自适应的

margin:0; 这个是上右下左的值都为0

在两个div里对比一下就会有很明显的效果出来了比如：

<div class="div1">
<div class="div2">

</div>

</div>

style .div1 { width:200px; height:200px; background:#c00;}
.div2 { width50px; margin:auto; height:50px; background:#000;}

这个效果是里面的div2会水平居中

<div class="div1">
<div class="div3">

</div>

</div>

style .div1 { width:200px; height:200px; background:#c00;}
.div3 { width50px; margin:0; height:50px; background:#000;}
这个效果里面的div3会在div1的左上角

Answer 2

margin:auto是指元素的上下左右外边距都是自适应；而margin:0，则是上下左右外边距都是0像素，也就是元素的内容贴紧窗体的边框。

Answer 3

margin:auto是指上下左右都自适应，而margin:0是指上下左右的外边距全部是0像素。

追问

那具体该怎么用呢，什么时候用到margin:auto;什么时候用到margin:0;

Answer 4

margin：auto 是水平居中，margin：0；边距为0；

Answer 5

margin：auto 边缘自动调整
margin：0 边缘设置为0px