css 打印多列的HTML细表

gkn4icbw 于 2023-01-28 发布在其他

关注(0)|答案(3)|浏览(158)

我有一个简单的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列。（两个表宽）
是否可以在同一页上的另一列中继续该表，如下所示：

(The下一页将从第93行开始）

css

来源：https://stackoverflow.com/questions/44728579/print-a-thin-html-table-on-multiple-columns

3条答案

按热度按时间

1hdlvixo1#

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

赞(0）回复(0）举报 2023-01-28

hlswsv352#

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

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

赞(0）回复(0）举报 2023-01-28

nhaq1z213#

使用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;
}

赞(0）回复(0）举报 2023-01-28

我来回答

css 打印多列的HTML细表

3条答案

相关问题

热门标签

最新问答