html - 打破 html 表格以使其在没有水平滚动条的情况下可见

标签 html html-table line-breaks

是否可以在屏幕宽度处水平拆分表格并在下一行显示左侧标题和数据,以便整个表格在没有水平滚动条的情况下可见? (或者可以用这种格式打印表格吗?)

例子:

来自

col1 col2 col3 col4 col5
------------------------
dat0 dat1 dat2 dat3 dat4
dat5 dat6 dat7 dat8 dat9

col1 col2 col3
--------------
dat0 dat1 dat2 
dat5 dat6 dat7

col4 col5
---------
dat3 dat4
dat8 dat9

最佳答案

简短的回答:没有。

您可以使用 div 模拟表格,参见 CSS Hell simulating TABLE with DIV让你开始。

一旦你有了 div,你就可以做你描述的时髦的事情,也许将一些 javascript 混合到你的 html/css 混合物中。

关于html - 打破 html 表格以使其在没有水平滚动条的情况下可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10841142/

相关文章:

javascript - $ 未定义,当试图动态加载 jQuery 时

javascript - 如何将文本区域转换为链接?

javascript - 如何使用 javascript 提醒 HTML 标记 <td> 的内部 HTML

css - 垂直对齐表格 <th> 中的 div

html - CSS 中的换行 <tr> 内容

php - MYSQL PHP 在textarea中保存换行符以备后用

jquery - 如何在图像背景上固定按钮,并在调整大小时将其保留在那里?

html - 如何合并 HTML 表格中的行和列

html - 表格单元格之间的空间

android - 对齐谷歌地图标记 fragment 中的文本