确切地，“保证金：0自动；”需要什么？上班？

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

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

从我的头顶上：

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

在别人的脑海中：

4. 元素必须具有width不为auto^2的

请注意，所有这些条件都必须符合居中的元素才能使其正常工作。

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

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

在我的头顶上，它需要一个width。您需要指定要居中的容器的宽度（而不是父级宽度）。

CSS的完整规则：

1. （display: block并且width不是自动的）或display: table
2. float: none
3. position: relative

如果该元素不是block元素，请放在我的头顶上-做到这一点。

然后给它一个宽度。

它也可以与display：table一起使用-在这种情况下非常有用的显示属性，因为它不需要设置宽度。（我知道此职位已有5年历史了，但仍然与路人有关；）

确保在div您要居中的位置上，我的猫的头部未设置为width: 100%。

如果是，那么子div上设置的规则将很重要。

请转到我创建了jsFiddle的这个简单示例。Hopefull很容易理解。您可以使用具有wrapper站点宽度的div来居中对齐。您必须输入的原因width是浏览器知道您不打算采用液体布局。

这是我的建议：

First: 
      1. Add display: block or table
      2. Add position: relative
      3. Add width:(percentage also works fine)
Second: 
      if above trick not works then you have to add float:none;

可能不必为<button>元素指定宽度即可使它工作很有趣-只需确保它具有display:block：http : //jsfiddle.net/muhuyttr/

对于任何人刚才打了这个问题，并没有能够修复margin: 0 auto，这里的东西我发现可能对您有用：一个table元素，没有指定的宽度必须有display: table和没有 display: block为了margin: auto做的工作。这对于某些人可能是显而易见的，因为display: block和默认width值的组合将使表扩展以填充其容器，但是如果要使表采用“自然”宽度并居中，则需要display: table