margin：auto、margin：0 auto、margin：0

本文主要是介绍margin：auto、margin：0 auto、margin：0，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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：auto、margin：0 auto、margin：0的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---