Question

搜索自己疯了但似乎无法找到一个解决方案，用CSS正确显示div中的表格。正如你所看到的，我希望头部细胞有一个colspan =“2”。如何使用div和CSS来管理以下代码？

编辑;尝试display: table-caption和嵌套表，但没有得到所需的结果。

<table border="1">
  <tr>
    <td colspan="2">Facilities</td>
    <td colspan="2">Companies</td>
    <td colspan="2">Info</td>
  </tr>
  <tr>
    <td>Facility 1</td>
    <td>yes</td>
    <td>Name</td>
    <td>Company x</td>
    <td>Info?</td>
    <td>yes</td>
  </tr>
</table>

Answer 1

我倾向于认为将divs和CSS结合起来是现在编码[表格]的正确方法吗？

表格数据应以表格形式表示。这就是table元素的用途。您在问题中提供的数据是表格数据，因此table元素非常适用于此。

CSS中给出的表格显示允许人们使用表格显示，而滥用table元素表示非表格数据（过去曾经大量使用过）在此之前介绍）。但是，as Abhitalks commented的限制是CSS版本允许我们重新创建rowspan。

当它不需要重新发明时，没有必要重新发明轮子。

表格html与colspan到DIV＆amp; CSS

1 个答案: