程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

在多列上打印一个瘦 HTML 表格

发布于2022-06-29 22:29     阅读(911)     评论(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个字符)