0

我创建了一个包含以下代码的表:

<table class="details resultTable">
<thead class="details">
<tr class="details">
<th class="details headerText">Heading 1</th>
<th class="details headerText">Heading 2</th>
</tr>
</thead>
<tbody class="imu-details-view">
<tr class="details">
<td class="details">Text 1</td>
<td class="details">Text 2</td>
</tr>
</tbody>
</table>

这是表格的 CSS

resultTable {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
resultTable th {
    border-bottom: 2px solid #6678B1;
    padding: 10px 8px;
}
resultTable td {
    border-bottom: 1px solid #CCCCCC;
    padding: 6px 8px;
}

现在我遇到的问题是,在 Firefox 中,表格如下所示:

在此处输入图像描述

然后在 IE 8/9 中是这样的:

在此处输入图像描述

有人可以解释一下如何使 IE 表看起来像 Firefox 表吗?

4

1 回答 1

0

试试下面的代码。添加 align=left 到标签。

 <th align="left" class="details headerText">Heading 1</th>
 <th align="left" class="details headerText">Heading 2</th>
于 2013-04-01T06:58:56.437 回答