“margin:0 auto;”到底需要什么才能工作?

我知道margin: 0auto;元素上的设置用于使其居中(左右)。但是,我知道该元素及其父元素必须满足某些条件才能使用自动边距,而且我似乎永远无法正确理解魔术。

所以我的问题很简单:为了margin: 0 auto;使孩子左右居中,必须在元素及其父元素上设置哪些CSS属性?

回答:

从我的头顶上:

  1. 所述元件必须是块级,例如display: blockdisplay: table
  2. 元素不能浮动
  3. 元素不得具有固定或绝对位置1

超越别人的头:

  1. 元素必须具有width不为auto2的

请注意, 这些条件都必须满足居中的元素才能使其正常工作。


1 有一个例外:如果你的固定或绝对定位的元素有left: 0; right: 0,它 _会_与汽车的利润中心。

2 从技术上讲,margin: 0 auto确实可以使用自动宽度,但是自动宽度优先于自动边距,因此自动边距被清零,从而使其看起来“不起作用”。

以上是 “margin:0 auto;”到底需要什么才能工作? 的全部内容, 来源链接: utcz.com/qa/408142.html

回到顶部