Question

IE10：我试图在IE10上显示一个表，一些单元格数据丢失了。这在IE9和Chrome上运行良好。当我刷新页面时，这些单元格显示内容，但是同时显示来自其他一些单元格的内容。当我在IE上使用开发人员工具时，我可以看到这些单元格的样式等与显示数据的单元格完全相同，下面只有一个差异

在开发人员工具中 - ＆gt;布局选项卡，当我检查这些TD时，它显示高度为0px，但对于其他正常TD，它显示高度为10.19px，我非常确定在src中这些TD完全相同（样式，高度，宽度等），似乎IE10中的渲染存在问题。在HTML src中查看时，它会显示未呈现的TD的内容。

TD的Src：

<td width="" align="left" class="" id="Row16Col5" valign="middle" colspan="1">

这里有什么想法吗？

我在Microsoft论坛中看到类似的问题，状态为Wont Fix！ http://connect.microsoft.com/IE/feedbackdetail/view/867361/ie10-premature-rendering-causes-blocks-to-not-show-content-e-g-td-or-div-gets-0px-height

Answer 1

如果可能，请提供指向您网站的链接或与您的帖子混搭......

历史上IE不会渲染多余的td或br元素.... 例如

<table style="border:solid 1px red; width:500px">
  <tr><td> </td></tr>
</table>
<!-- empty cells (including whitespace) are not displayed -->

<table style="border:solid 1px red; width:500px">
  <tr><td>&nbsp;</td></tr>
</table>
<!-- fix the issue by adding &nbsp; to the cell contents -->

注意：尽量避免使用折旧的表示元素（height，width，align，valign）...... 请改用css规则......

仍然使用表格单元格的colspan和rowspan属性，但它们必须加起来在表格的第一行中指定的单元格总数....再次验证您的标记将显示colspan错误。

在validator.w3.org验证您的页面标记 - 它会告诉您是否使用折旧的表示属性（取决于您的文档类型声明）。

Internet Explorer 10 - TD高度设置为0 - 未显示TD内容

1 个答案: