gpt4 book ai didi

html - 打印大型 HTML 表格时如何处理分页符

转载 作者:IT老高 更新时间:2023-10-28 11:02:51 29 4
gpt4 key购买 nike

我有一个元素需要打印一个多行的 HTML 表格。

我的问题是表格打印在多页上的方式。它有时会将一行切成两半,使其无法阅读,因为其中一半位于页面的边缘,而其余部分则打印在下一页的顶部。

我能想到的唯一可行的解​​决方案是使用堆叠的 DIV 而不是表格,并在需要时强制分页。但在完成整个更改之前,我想我可以在这里问一下。

最佳答案

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
</style>
</head>
<body>
<table>
<thead>
<tr><th>heading</th></tr>
</thead>
<tfoot>
<tr><td>notes</td></tr>
</tfoot>
<tbody>
<tr>
<td>x</td>
</tr>
<tr>
<td>x</td>
</tr>
<!-- 500 more rows -->
<tr>
<td>x</td>
</tr>
</tbody>
</table>
</body>
</html>

关于html - 打印大型 HTML 表格时如何处理分页符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1763639/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com