理解 margin 中的 auto 关键字：0 auto
margin 属性允许您控制元素周围的空间。当您使用 margin: 0 auto; 时，它会提示问题：“auto 到底做了什么以及它如何影响元素对齐？”
Auto，当在 margin 属性的第二个参数中使用时（例如， margin-left: auto;)，指示浏览器自动确定左右边距。这有效地将元素在其父容器内水平居中。
第二个参数的 Auto 确保左右边距之间的空间分布均匀。第一个参数 0 表示顶部和底部边距将设置为 0。
为了说明这一点，请考虑一个示例，其中父元素的宽度为 100px，子元素的宽度为 50px。 Auto 确定有 50 像素的可用空间在 margin-left 和 margin-right 之间均匀分布：
var freeSpace = 100 - 50; var equalShare = freeSpace / 2;
这会产生以下边距值：
margin-left: 25; margin-right: 25;
因此，子元素在父元素中水平居中。
需要注意的是，您不需要为此行为指定父元素宽度 发生。简单地定义子对象的宽度并使用 margin: 0 auto;将其水平居中就足够了。
以上是`margin: 0 auto;` 如何将元素居中？的详细内容。更多信息请关注PHP中文网其他相关文章！
