在多个列上打印薄 HTML table
Print a thin HTML table on multiple columns
我有一个简单的 2 列 table,其中有很多行:
<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 列。 (两个 table 宽度)
是否可以在同一页的另一栏中继续table,如下所示:
(下一页将从第 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;
}
我有一个简单的 2 列 table,其中有很多行:
<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 列。 (两个 table 宽度)
是否可以在同一页的另一栏中继续table,如下所示:
(下一页将从第 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;
}