元素的Page-break-before样式不起作用

Question

当打印多页表单时，我想在打印某些元素之前强制换页。从我在这里和其他地方读到的东西来看，这样做的方法是将元素包装在一个样式为"page-break-before: always"的块元素中。我曾试图实现这一点，但打印仍然没有打破我想要的地方。这是我的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

你试过"break-before"吗?"break-before"