margin: auto auto

Question

为什么margin: auto auto;不能实现垂直居中？auto关键字不应该告诉浏览器在上下间平均分配边距吗？我一直以为它对左右边距的作用就是这样的。这个问题的重复链接是为什么margin-top和margin-bottom:auto不像左右边距那样工作？, margin-top:auto和margin-bottom:auto等于0的原理是什么？。

- Usman Mutawakil

---

主要问题是开放式的。在SO和网络上有很多关于元素垂直居中的讨论。 - Kevin Boucher

@BoltClock，你为什么没有把它标记为重复？ - zzzzBov

@zzzzBov已经离线5分钟了。 - Usman Mutawakil

@zzzzBov：我一直很矛盾要使用哪个问题作为规范的重复。其中一个提出了更深层次的问题（为什么要这样设计？），而另一个则更加普遍但比较老旧。也许我会将此问题提交到元中。 - BoltClock

Answer 1

最终它是一个w3c规范 -

如果'margin-top'或'margin-bottom'为'auto'，它们的使用值为0。

看起来似乎很方便。

- Fluidbyte

Answer 2

auto 关键字应该执行 w3c spec 中定义的操作，即：

如果 'margin-top' 或 'margin-bottom' 为 'auto'，则它们的使用值为 0。

- zzzzBov