css - div 的水平居中可以通过 margin-left 和 right auto 以及宽度或最大宽度来完成，但不是最小宽度？

Question

在max-width 和min-width 之前，我们必须将width 设置为 之外的某个值code>auto，连同 margin-left 和 margin-right 到 auto，用于 div 水平居中。

现在我们有了 max-width 和 min-width，我们还可以将 max-width 设置为某个值除了 none 以外，还可以水平居中吗？有什么规范吗？

附言min-width 将不起作用，因为 div 将跨越整个宽度，因此您可以将其视为水平居中，除了左右边距都是 0，所以没有水平居中效果。

例子:

宽度:https://jsfiddle.net/dtr7t4z7/1/
最大宽度:https://jsfiddle.net/dtr7t4z7/2/和 https://jsfiddle.net/dtr7t4z7/3/
最小宽度:https://jsfiddle.net/dtr7t4z7/4/

Answer 1

margin: auto 只会平均填充两侧的剩余空间。如果未指定 width 或 max-width，则 div 将占用尽可能多的水平空间。因为当仅指定 min-width 时 div 是其容器的整个宽度，所以没有任何空间留给 margin: auto 分配。