具有边距的元素水平居中的先决条件：0 auto;

Question

我希望与margin:0 auto;水平居中的元素的最小样式声明要求是什么？

包含元素的最低要求样式声明？

我希望解决方案是元素类型不可知的，即无论是span，div，a等都能正常工作。

解决方案应适用于任何modern browser。

Answer 1

这是一个具有最少所需属性的泛型类（避免使用margin: 0 auto简写，因此您不必不必要地覆盖margin-top和margin-bottom属性：

.horizontal-center {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 80%; /* any value other than auto */
}

.horizontal-center父母的唯一约束是它需要display: block|inline-block和width大于或等于.horizontal-center。

Answer 2

你也必须指定width，因为如果块级元素上没有width，它只需占用100％的水平空间。

对于span或a这样的标记，您必须使它们display block。

Answer 3

对于水平中心，您必须指定元素的width，并且不能使用float属性。