我想要水平居中的元素的最低样式声明要求是margin:0 auto;
什么?
以及包含元素的最低要求样式声明?
我希望解决方案与元素类型无关,即无论它是span
,div
等都可以工作a
。
该解决方案应该适用于任何现代浏览器。
这是一个具有最少所需属性的泛型类(避免使用margin: 0 auto
简写,以免不必要地覆盖margin-top
andmargin-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
' 的值。
您还必须指定width
,因为如果width
块级元素上没有,它只占用所有 100% 的水平空间。
span
对于像or这样的标签a
,您必须制作它们display block
。
对于水平居中,您必须指定width
一个元素并且您不能使用float
属性。