元素上的分页前样式不起作用

Question

当打印多页表单时，我想在打印特定元素之前强制分页。 根据我在此处和其他地方所读的内容，执行此操作的方法是将元素包装在具有“ page-break-before：always”样式的block元素中。 我已经尝试实现此功能，但是打印仍然不会中断我想要的位置。 这是我的html：

<div class="page-break">
    <p style="text-align:center">Foo</p>
</div>

这是css中的类定义：

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

谁能告诉我为什么这行不通？

Answer 1

您是否尝试过“先休息”？ mozilla开发者文档“ break-before”