CSS 中的 colspan?

colspan in CSS?

我正在尝试从中重新组织一个 table:

对此:

仅使用 CSS。原因是桌面上的 space 比智能手机屏幕上的多得多。因此,我希望 table 个单元格显示在彼此下方以获得较小的分辨率。

我试图从我的 HTML 文件中取出 colspan 和 rowspan 属性并将它们放入 CSS 样式表中,但这似乎不起作用。

是否可以单独在 CSS 中完成此操作?

对小屏幕使用媒体查询,对每一行使用 display:block