此问题已经在这里有了答案：
我了解“边距：0自动” +“显示：块”可以将诸如div或img之类的元素居中，但我不理解其背后的逻辑。我们只说：1.元素之间的零空间与“外部”边界相邻。2.您“捕获”所有行。
我真的不明白为什么将元素居中。
谢谢！！
因为浏览器会为您计算左边距和右边距并将其平均隔开。
margin: 0 auto表示0垂直边距和自动水平边距。 “自动水平边距”基本上意味着生成自动居中边距（相对于父对象）。
[display: block确保将其作为块元素而非内联元素处理。
您可以认为auto的意思是“中心”； （尽管可能会有一些例外情况，您不确定总是想那样，不确定）。
您可以将margin属性设置为自动以使元素在其容器中水平居中。
然后元素将占据指定的宽度，并且剩余空间将在左右边距之间平均分配。