文本居中使用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>

Answer 2

表格单元格需要 text-align: center。