html - 在多列上打印一个薄的 HTML 表格

标签 html css html-table css-multicolumn-layout

我有一个包含很多行的简单的 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 列。 (两个表格宽度)

是否可以在同一页的另一列中继续表格,如下所示: enter image description here

(下一页将从第 93 行开始)

最佳答案

@media print {
    body {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
}

以两列布局打印网站内容。

关于html - 在多列上打印一个薄的 HTML 表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44728579/

相关文章:

html - 在 IE 9 上滚动 tbody 的问题(tbody 的高度 = 高度线)

php - 链接和按钮在引导网格中的小屏幕和超小屏幕上不起作用

html - 对齐 CSS 表

html - CSS3 三 Angular 形内文本居中

jquery - 使用 jQuery 更改 img 属性

jquery - 使用 jQuery 隐藏 html 表格的中间列

javascript - NodeList 从 .innerHTML 到数组或字符串

javascript - Jquery ui 可调整高度 - 默认高度 :0px

html - flex 元素中的底部对齐文本

css - Div 不填充 float 容器的宽度(需要 css 专家