【问题标题】:page-break-before style on element does not work元素上的 page-break-before 样式不起作用
【发布时间】:2015-07-28 02:39:06
【问题描述】:

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

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

【问题讨论】:

    标签: html css


    【解决方案1】:

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

    【讨论】:

    • break-before 似乎适用于 IE 10,但不适用于我一直在进行测试的 Chrome。
    • 您通过在打印对话框中导出 PDF 来测试它?
    • 输出到打印机或 pdf 时,中断发生在 IE 10 中的所需位置。在 Chrome 中,打印继续在打印机或 pdf 上出现页面溢出。
    猜你喜欢
    • 2021-04-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-02
    • 2011-03-16
    • 2021-11-03
    • 1970-01-01
    • 2010-10-16
    相关资源
    最近更新 更多