我可以在HTML打印中强制换页吗?

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

有没有办法在HTML/CSS中放入一些东西，将向浏览器发出信号，它需要在此时强制换页(开始一个新页面)?

我不需要它在每个浏览器中都能运行，我想我可以告诉人们使用特定的浏览器来打印它。

当前回答

第一页(向下滚动查看第二页) < div风格= "后休息:页面" > < / div > 第二个页面 < br > < br > <button onclick="window.print();return false;"/>打印(查看结果)</button> .

只要在你需要进入下一页的地方添加这个(文本“page 1”将在第1页，文本“page 2”将在第二页)。

Page 1
<div style='break-after:always'></div>
Page 2

这也是可行的:

First page (there is a break after this)
<div style="break-after:page"></div>
Second page (This will be printed in the second page)

其他回答

我为此挣扎了一段时间，但从未奏效。

最后，解决方案是在头部放置一个样式元素。

page-break-after不能在链接的CSS文件中，它必须在HTML本身中。

CSS

@media print {
  .pagebreak { 
     page-break-before: always; 
  }
}

HTML

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

添加一个CSS类“pagebreak”(或“pb”)，如下所示:

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

然后在需要分页符的位置添加一个空DIV标记(或生成方框的任何块元素)。

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

它不会显示在页面上，但在打印时将页面分开。

附注:也许这只适用于使用-after时(也适用于你可能对页面上的其他<div>做什么)，但我发现我必须增加CSS类如下:

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

试试这个(它在Chrome, Firefox和IE中都有效):

... content in page 1 ...
<p style="page-break-after: always;">&nbsp;</p>
<p style="page-break-before: always;">&nbsp;</p>
... content in page 2 ...

当我们在浏览器上使用打印命令时，我需要在每第三行之后分页。

我添加了

<div style='page-break-before: always;'></div>

在每第三行之后，我的父div有display: flex; 所以我删除了display: flex;而且一切都如我所愿

推荐文章