IE10 - 表格 - 对齐不起作用答案

【问题标题】：IE10 - tables - alignment not workingIE10 - 表格 - 对齐不起作用
【发布时间】：2017-10-09 02:11:32
【问题描述】：

自从我升级到 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>

【问题讨论】：

把所有的css都删了，结果是什么？也许浮动：左；是个问题。
您是否不需要关闭您的colgroup 并且您在下面的行中有 5 个标题但有 6 列。还有你clear:right当你的浮动离开时
Kees 我删除了所有的 css 但它仍然是一样的。
当我编辑代码时，我删除了一些标记。该代码绝对正确，因为它适用于 10 之前的所有 IE 版本，并且适用于 Mozilla、Opera...
@Peter 创建一个 jsFiddle 来演示这个问题可能是值得的。

标签： html html-table internet-explorer-10

【解决方案1】：

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

【讨论】：

Tieson 代码是正确的，但我在编辑时错过了。
好吧，我看到 5 个“标题”列和 6 个“数据”列 - 这是故意的吗？我不确定规范是否定义了表格应如何处理标记中存在但被 CSS 隐藏的单元格。