我可以在 HTML 打印中强制分页吗？

Question

我正在制作一个可打印的 HTML 报告，它有“部分”应该从新页面开始。

有什么方法可以在 HTML/CSS 中放置一些东西，向浏览器发出信号，表明它需要在此时强制分页（开始一个新页面）？

我不需要它在所有浏览器中都能工作，我想我可以告诉人们使用一组特定的浏览器来打印它。

原文由 Daniel Magliola 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

添加一个名为“pagebreak”（或“pb”）的 CSS 类，如下所示：

 @media print {
    .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}

然后在您想要分页符的位置添加一个空的 DIV 标记（ 或任何生成框的块元素）。

 <div class="pagebreak"> </div>

它不会显示在页面上，但会在打印时打散页面。

PS 也许这只适用于使用 -after 时（以及您可能与页面上的其他 <div> s 一起做的其他事情），但我发现我必须将 CSS 类扩充为如下：

 @media print {
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

原文由 Chris Doggett 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

试试这个 链接

<style>
@media print
{
h1 {page-break-before:always}
}
</style>

原文由 jfarrell 发布，翻译遵循 CC BY-SA 3.0 许可协议