IE10 - 表格 - 对齐不起作用

Question

自从我升级到IE10后，我网页上的表格显示不正确。以下是示例：

表格的头部正确显示，但似乎整个表格放在一个（左）列或单元格中。

我搜索了解决方案，但我找不到任何有用的东西。

以下是代码：

<table class="class" id="id">
<colgroup>
<col width="" style="display:none;"  />
<col width="190" />
<col width="160" />
<col width="100" />
<col width="170" />
<col width="120" />
</colgroup>
<thead>
<tr>
<td></td>
<td>heading1</td>
<td>heading2</td>
<td>heading3</td>
<td>heading4</td>
<td>heading5</td>
</tr>
</thead>
<tbody runat="server" id="tbody">
<tr>
<td style="display: none;">id</td>
<td><div style="float:left; width:15px; height:1.15em; text-align:right; padding-right:8px;"><img src="" alt="" title="" /></div><div style="clear:right; text-align:left; overflow:hidden;" title="">some value</div></td>
<td><div style="overflow: hidden; height:1.15em;" title="">some value</div></td>
<td><div style="overflow: hidden; height:1.15em;">some value</div></td>
<td><div style="overflow: hidden; height:1.15em;">some value</div></td>
<td><div style="overflow: hidden; height:1.15em;">some value</div></td>
</tr>
</tbody>
</table>

Answer 1

好吧，您显示的标记有点无效，因为您错过了<tr>中的开头<tbody>标记。我会说IE10实际上正在显示 。

Answer 2

浏览器表现正常。 col标记样式的specification表明它们支持的唯一样式是border，background，width和visibility。您使用的是display，但不受支持。在标题行中，第一个单元格未显式设置为display:none，但在内容行中则为。{/ p>

幸运的是，collapse样式的列有visibility的特殊值（实际上是col标记的唯一允许值），其行为方式与{{1}相同}。它是你想要的appears to work。