Question

我有一个HTML页面，显示如下内容：

<html>
    <table></table>
    <table></table>
    <table></table>
</html>

现在我打电话给window.print()，并希望每张桌子都打印在不同的页面上。我该怎么做？

PS：每张桌子可能有不同的高度

Answer 1

请为您的桌子提供分页符样式。

table{
page-break-after  : auto ;
}

有关分页符的更多信息，请go to link.

Answer 2

您可以使用page-break-after CSS属性

<style>
    @media print
    {
        table {page-break-after:always}
    }
</style>

Answer 3

始终在每个元素后（打印时）插入分页符：

@media print {
    table{
          page-break-after: always;
    }
}

page-break-after属性设置是否应在指定元素之后发生分页符。