css - 使用 CSS 的文本居中在 IE 中不起作用

Question

我在让表格中的文本在 IE 中居中显示时遇到问题。

在 Firefox 2、3 和 Safari 中一切正常，但出于某种原因，文本在 IE 6 或 7 中不显示在中心。

我正在使用:

h2 {
  font: 300 12px "Helvetica", serif; 
  text-align: center; 
  text-transform: uppercase;
}

我还尝试添加 margin-left:auto;、margin-right:auto 和 position:relative;

没有用。

Answer 1

CSS text-align 属性应该在父元素上声明，而不是你试图居中的元素。 IE 使用 text-align:center 属性使文本居中。 Firefox 使用 margin: 0 auto，它必须在你试图居中的元素上声明。

<div style="text-align: center">
    <h2 style="margin: 0 auto">Some text</h2>
</div>