回答(11)

3 years ago
Testtable { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
heading
notesxxx
3 years ago
注意:使用page-break-after时:总是对于标记,它会在表的最后一位之后创建一个分页符,每次最后创建一个完全空白的页面!要解决这个问题,只需将其更改为page-break-after:auto即可 . 它会正确破坏而不会创建额外的空白页面 .
@media print
{
table { page-break-after:auto }
tr { page-break-inside:avoid; page-break-after:auto }
td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
}
....

3 years

这篇博客讨论了在HTML大段文本分页时,如何处理大型HTML表格的分页问题,特别是如何避免表格内容在打印时被截断。通过CSS样式如`page-break-inside`、`display`属性和媒体查询`@media print`,可以有效地控制表格在打印时的分页行为。此外,还提到了JavaScript解决方案,如添加`splitForPrint`类,以及针对不同浏览器的兼容性调整。
最低0.47元/天 解锁文章
1985

被折叠的 条评论
为什么被折叠?



