margin:auto是指上下左右全都auto
margin:0 auto 是指上下是0,左右auto
margin:0; 这个是上右下左的值都为0
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的左上角
margin:0 auto 是指上下是0,左右auto
margin:0; 这个是上右下左的值都为0
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的左上角