我创建了一个包含一行和许多单元格的表格。每个单元格包含另一个表，其中包含许多行以包含图像、链接等数据。
最终结果是一种产品寻呼机形式，如下所示：http:
//askmeexpress.com/
我的问题是单元格在 IE 以外的浏览器中看起来像行（垂直而不是水平）。请检查 IE 中的链接，然后在 Chrome 中查看差异。
问问题
116 次
1 回答
3
您将 TD 设置为 display asblock所以它们显示
根据 CSS 规范，Chrome 和 Firefox在单独的行中正确显示。IE 将其错误地显示为表格单元格（为什么我不感到惊讶？）。
因此，为了让您的单元格在 Chrome 和 Firefox 以及其他适当的浏览器中正确显示，请将单元格的显示样式更改为table-cell而不是block. 或者至少作为空字符串：
$("YourTdSelector").css("display", "");
或者更好的是不要将表格用于您想要实现的目标，而是使用语义正确的元素。在您的情况下，这将是UL元素，因为您正在显示一些东西的列表。
表格只能用于语义方面的表格数据，以使需要它的人（即盲人的屏幕阅读器）可以访问您的页面。
于 2012-11-12T12:27:41.110 回答