css - IE 不在表格单元格中居中文本

Question

我的 IE/CSS 问题让我大吃一惊！我已经尝试了一切（我认为）可以想象的将表格单元格的文本居中。我从古老的方法开始：

<tr>
    <th width="100" align="center" class="centerme">Some text here.</th>
</tr>

然后，我尝试了 CSS：

.centerme {text-align:center;margin:0 auto;}

然后我尝试将样式内联（保留已经提到的所有其他方法）：

<tr>
    <th width="100" align="center" class="centerme" style="text-align:center;">Some text here.</th>
</tr>

我可能会错过什么？我尝试将<tr>元素居中对齐，这不应该有所作为，但是 IE 是一个难以相处的噩梦！请注意，这只是IE 中的一个问题。在其他所有浏览器中都可以（这是 IE 8）

Answer 1

删除width="100"解决了问题。

Answer 2

尝试这个：

td 
{
    height: 50px; (or whatever value you want)
    width:50px;
 }

 #cssTable td 
{
    text-align:center; 
    vertical-align:middle;
}

Answer 3

试试这个代码。我能够让它工作。

边距使表格在屏幕上居中。因此，如果您不希望它居中，请将其删除。

将宽度更改为您想要的任何内容。现在它是整个屏幕宽度的 100%。

HTML：

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table> 

CSS：

table, th, td
{
border: none;
margin:0px auto;
text-align:center;
}

table{
width:50%;
}