1

由于我升级到 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>
4

2 回答 2

0

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

于 2013-04-05T07:57:14.137 回答
0

浏览器运行正常。col 标记样式的规范声明它们支持的唯一样式是border、background和。您正在使用，这是不受支持的。在您的标题行中，第一个单元格未明确设置，但在您的内容行中是。widthvisibilitydisplaydisplay:none

幸运的是，对于列collapse的visibility样式有一个特殊的值（实际上是 col 标签唯一允许的值），其行为方式与display:none. 它似乎可以按您的意愿工作。

于 2013-04-05T15:42:37.317 回答