CSS break-after：右侧没有添加两个分页符

Question

我正在尝试在一张纸的正面/背面打印 2 页报告。有时数据会溢出到第三页。打印多个报告时，这会导致溢出后的第一页打印在该纸张的背面，而第二页打印在下一张纸张的正面。我试图避免隐藏溢出。

根据 Mozilla 开发者网络 break-after：正确 我应该能够使用它打印额外的空白页，以强制将下一份报告打印到纸张的正面。

在主框之后强制进行一个或两个分页符，无论哪一个都将使下一页成为正确的页面。这是位于书脊右侧的页面或双面打印中页面正面的页面。

我无法在 Chrome、Edge 或 Firefox 中获得两个分页符。

我希望“报告 2”位于第 3 页，第 2 页为空白页。相反，报告 2 从第 2 页开始。

我尝试过

left

、

recto

、

verso

、

break-before

，已弃用的样式：

page-break-after

/

page-break-before

。

.mypage {
  break-after: right;
}

<div class="mypage">Report 1</div>
<div class="mypage">Report 2 - I expect this to have a blank page before it.</div>

Answer 1

在

break-after

的 Mozilla 文档中，它说：

page

在主框之后强制分页。

因此，您可以使用

break-after: page

，如图所示：

.mypage {
  break-after: page;
}

<div class="mypage">Report 1</div>
<div class="mypage">Report 2 - I expect this to have a blank page before it.</div>