IE10 - 表格 - 对齐方式不起作用

由于我升级到IE10，我的网页上的表格没有正确显示。下面是例如：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>

来源

2013-04-05 Peter

刚刚删除所有css时，结果如何？也许是float：left;是一个问题。 – 2013-04-05 07:56:30

你不需要关闭你的'colgroup'，你有5个标题，但在下面一行中有6列。当你的浮球离开时，你也清楚：'正确' – Pete 2013-04-05 08:04:50

Kees我删除了所有的css，但它仍然是一样的。 – Peter 2013-04-05 08:09:09

好，显示您的标记是一点点无效的，因为你错过了开幕<tr>标签中<tbody>。我会说IE10实际上正确显示正确。

来源

2013-04-05 07:57:14

泰森的代码是正确的，但我编辑它时错过了。 – Peter 2013-04-05 08:01:08

那么，我看到5个“标题”列和6个“数据”列 - 是有意的吗？我不确定该规范是如何定义表格如何处理标记中存在但被CSS隐藏的单元格的。 – 2013-04-05 08:06:36

浏览器运行正常。 col标记样式的specification指出它们支持的唯一样式是border,background,width和visibility。您正在使用display，这不受支持。在您的标题行中，第一个单元格没有明确设置display:none，但在您的内容行中它是。

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

来源

2013-04-05 15:42:37 MattW

IE10 - 表格 - 对齐方式不起作用

回答

相关问题