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%;
}

IE不是将表格单元格中的文本居中

3 个答案: