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