javascript - HTML5 Colspan - 备选方案

Question

<分区>

Answer 1

colspan的效果可以使用带有虚拟空单元格的表格进行模拟 <td></td>对于要跨越的插槽并绝对定位应该跨越它们的单元格。你需要一个相对定位的包装器 div对于表格，因为不能直接将表格作为定位的参照系。

它变得相当丑陋，尤其是因为您需要担心行高——因为使单元格绝对定位会使它远离表格格式。您可以通过使用单元格内容的副本作为要跨越的虚拟单元格的内容来处理此问题。参见 jsfiddle .

它变得复杂，所以任何无法处理简单 colspan 的软件也可能无法处理此问题(至少如果它负责呈现文档)。