为什么以margin 0为中心自动与display:block一起使用但不能与display:inline-block一起使用？

Question

只是一个让我烦恼的快速问题:为什么要集中精力

margin:0 auto

做得很好

display:block

但是当显示设置为时,不会将div居中

display:inline-block

谢谢你的回答

Answer 1

我的理解如下（虽然我很高兴得到纠正）。

• 内联元素没有宽度属性，因此无法计算“自动” 。
• 块元素具有宽度属性，因此可以计算“自动”的宽度。
• 内联块元素有一个外部作为内联，而内部则作为一个块。因此，宽度集的作用更像是内联元素中单词的宽度。