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

最新推荐文章于 2025-01-15 14:01:02 发布

转载最新推荐文章于 2025-01-15 14:01:02 发布 · 993 阅读

html 同时被 2 个专栏收录

22 篇文章

订阅专栏

css

12 篇文章

订阅专栏

本文详细解析了margin属性的不同用法，包括margin:auto, margin:0auto, margin:0等，通过实例展示了这些属性如何影响div元素的布局，特别强调了margin属性在网页设计中的灵活应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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的左上角