html - CSS 中的 colspan ?

标签 html css css-tables

我正在尝试从此重新组织表格:

enter image description here

对此:

enter image description here

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

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

是否可以单独使用 CSS 来完成此操作?

最佳答案

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

关于html - CSS 中的 colspan ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43885995/

相关文章:

html - SVG 上的额外垂直空间

javascript - 叠加 CSS + Javascript

javascript - jquery根据图像的宽度将css类应用于图像

c# - 如何防止 slider 拉伸(stretch)?

html - 使用剪辑路径时隐藏图像和标题 : polygon HTML/CSS

html - Css 悬停不起作用

javascript - 如果超过长度,将表行拆分为多行

html - 水平对齐表格的CSS方法

css - 需要 div 布局足够灵活,以便在需要时展开

html - 按内容自动增长表格单元格元素