我知道margin: 0auto;元素上的设置用于使其居中(左右)。但是,我知道该元素及其父元素必须满足某些条件才能使用自动边距,而且我似乎永远无法正确理解魔术。
margin: 0auto;
所以我的问题很简单:为了margin: 0 auto;使孩子左右居中,必须在元素及其父元素上设置哪些CSS属性?
margin: 0 auto;
从我的头顶上:
display: block
display: table
超越别人的头:
width
auto
请注意, 所有 这些条件都必须满足居中的元素才能使其正常工作。
1 有一个例外:如果你的固定或绝对定位的元素有left: 0; right: 0,它 _会_与汽车的利润中心。
left: 0; right: 0
2 从技术上讲,margin: 0 auto确实可以使用自动宽度,但是自动宽度优先于自动边距,因此自动边距被清零,从而使其看起来“不起作用”。
margin: 0 auto