在多列上打印一个薄 HTML 表格答案

【问题标题】：Print a thin HTML table on multiple columns在多列上打印一个薄 HTML 表格
【发布时间】：2017-08-24 23:34:15
【问题描述】：

我有一个包含很多行的简单 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 行开始）

【问题讨论】：

您使用什么服务器端技术来显示网页？这会有所帮助
这是一道编程题？您可以使用页面按钮（右下角）来增加打印内容的大小。
你的后端编程语言是什么？
我正在使用 php echo 来生成我的表格行。由于未定义纸张大小，我无法决定何时以编程方式移至另一列。
@clementgamache 你一定要用桌子吗？

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

【解决方案1】：

您可以更改字体大小和宽度。您还可以在打印时更改纸张的布局，或者如果您的打印机有能力，请使用纸张的正面和背面。

【讨论】：

【解决方案2】：

以这种方式使用 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;
}

【讨论】：

您能否详细说明如何使用此解决方案？原始问题中没有带有 'col' id 的元素。
不起作用。请说明如何使用它。