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

时间:2015-07-27 18:31:54

标签: html css

打印多页表单时,我想在打印certail元素之前强制分页。从我在这里和其他地方读到的,这样做的方法是将元素包装在一个块元素中,该元素具有样式" 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;
    }

有谁能告诉我为什么这不起作用?

1 个答案:

答案 0 :(得分:0)

你尝试过“先发制人”吗? mozilla developer docs for "break-before"