css - 使用 display: table, table-row, table-cell 模拟 colspan (即 >=8)

Question

我必须创建一个包含两行的布局。第一行有一个单元格，第二行有三个单元格：

|     A     |
| B | C | D |

是否可以使用 div、css 显示属性表、表行和表单元格？

我通过使用两个不同的表格 div（一个用于第一行，一个用于第二行）成功地创建了该布局，但是单元格之间的边框间距产生了不好的效果：两行之间的间距是那个的两倍第二行的单元格之间的一个。

Answer 1

不，CSS 表格模型目前比 HTML 表格模型简单得多。CSS 表格是一个简单的网格，与colspanor没有对应关系rowspan。

有很多方法可以实现所需的布局，例如使用 CSS 定位。