0

我想要水平居中的元素的最低样式声明要求是margin:0 auto;什么?

以及包含元素的最低要求样式声明?

我希望解决方案与元素类型无关,即无论它是span,div等都可以工作a

该解决方案应该适用于任何现代浏览器

4

3 回答 3

2

这是一个具有最少所需属性的泛型类(避免使用margin: 0 auto简写,以免不必要地覆盖margin-topandmargin-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' 的值。

于 2013-09-18T12:20:56.267 回答
1

您还必须指定width,因为如果width块级元素上没有,它只占用所有 100% 的水平空间。

span对于像or这样的标签a,您必须制作它们display block

于 2013-09-18T12:11:25.033 回答
1

对于水平居中,您必须指定width一个元素并且您不能使用float属性。

于 2013-09-18T12:16:05.437 回答