html打印时如何避免剪切元素（避免在两页中显示）[重复]

Question

我有一份 HTML 报告，其中包含许多永远不会比 A4 页面大的小表格。

如果其中一个表格显示在两个页面中以被推送到下一页，我需要什么。

查看需要在下一页显示的表格示例的图像。

Answer 1

以下技巧应该可以解决您的问题（假设您的行是 div）。

您可以将此规则添加到您的 CSS。

@media print  
{
    div {
        page-break-inside: avoid;
    }
}