Table html colspan 到 DIV & CSS

Question

疯狂搜索自己，但似乎无法找到在 div 中正确显示 table 和 CSS 的解决方案。如您所见，我希望头部单元格具有 colspan="2"。如何仅使用 div 和 CSS?

管理以下代码

编辑；尝试了 display: table-caption 并嵌套了 table，但没有得到想要的结果。

<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

As i tend to believe that combining divs and CSS is the proper way to code [tables] nowadays?

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

CSS 中给出的 table 显示是一种允许人们使用 table 显示 而不会 滥用 table 非表格数据的元素（在引入之前，过去已经做了很多）。然而，的一个限制是 CSS 版本允许我们重新创建 rowspan.

不需要重新发明轮子就不需要重新发明轮子。

Table html colspan 到 DIV & CSS

Table html with colspan to DIV & CSS

html

css

html-table