本站消息
在多列上打印一个瘦 HTML 表格
发布于2022-06-29 22:29 阅读(1011) 评论(0) 点赞(24) 收藏(3)
我有一个包含很多行的简单 2 列表：
<table>
<tr><td>row 1 column1</td><td>row 1 column2</td></tr>
<tr><td>row 2 column1</td><td>row 2 column2</td></tr>
[500 more rows]
<tr><td>row 4999 column1</td><td>row 4999 column2</td></tr>
<tr><td>row 5000 column1</td><td>row 5000 column2</td></tr>
</table>
这些列非常薄，这意味着我每页可以容纳大约 4 列。（两个表宽度）
是否可以在同一页面的另一列中继续该表，如下所示：
（下一页将从第 93 行开始）
解决方案
以这种方式使用 CSS 列：
.col {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/377130/9ad9f893dd3cb0661b84/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
24
0
收藏该文
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力
程序员的那些事(new)
电子书(new)
博客(new)
视频教程(new)
问答(new)
游戏(new)