IE以外的浏览器中动态创建的表的显示无效

Question

我创建了一个包含一行和多个单元格的表。每个单元格包含另一个包含许多行的表，以获得图像，链接等数据。

最终结果是产品寻呼机的一种形式，如下所示：
http://askmeexpress.com/

我的问题是，在IE以外的浏览器中，单元格像行（垂直而不是水平）。请检查IE中的链接，然后在Chrome中查看差异。

Answer 1

您将TD设置为显示为block，因此它们显示为

根据CSS规范，Chrome和Firefox会在单独的行中显示正确。 IE将其错误地显示为表格单元格（为什么我不感到惊讶？）。

因此，为了让您的单元格能够在Chrome和Firefox以及其他适当的浏览器中正确显示，请将单元格的显示样式更改为table-cell，而不是block。或者至少作为空字符串：

$("YourTdSelector").css("display", "");

或者更好的是不要使用表来实现您想要实现的目标，而是在语义上更正元素。在您的情况下，这将是UL元素，因为您正在显示某些内容列表。

表格应仅用于语义术语表格数据，以使您的页面可供需要的人使用（即盲人的屏幕阅读器）。