html - 为什么 CSS 中的“margin: 0 auto”+“display:block”命令使元素居中？

Question

我理解“margin：0 auto”+“display：block”可以将 div 或 img 等元素居中，但我无法理解其背后的逻辑。我们所说的是： 1. 元素与“外部”边界之间的空间为零。2.你“抓住”了所有的线。

我真的不明白为什么它以元素为中心。

谢谢 ！！！

标签： htmlcssmargincenter

Answer 1

您可以将 margin 属性设置为 auto 以使元素在其容器内水平居中。

然后元素将占据指定的宽度，剩余空间将在左右边距之间平均分配。