<h2>不以margin auto为中心,因为它是全宽

时间:2016-09-02 00:43:38

标签: html css twitter-bootstrap angular

我在<h2>标签上使用class =“m-x-auto”,这有效地将margin-left和margin-right设置为auto。

我的大多数<h2>标签都适合我,但不适用于此标签。

这是因为在这个例子中我的<h2>似乎有全宽(100%),这意味着没有余量的空间。

应该是什么的照片:

enter image description here

照片是什么:

enter image description here

如何阻止我<h2>全宽以使其居中?

1 个答案:

答案 0 :(得分:2)

margin: auto只是h2的中心 这里的问题是默认width: 100%,因为标记h2display: block元素。

因此,一个解决方案是您可以设置text-align: center