打印CSS:鼓励分页

时间:2019-01-29 14:06:35

标签: html css print-css

我有一个按节和小节组织的页面,现在我想为它们写一些打印CSS。我为所有部分添加了page-break-after: always;,以便每个部分都在一个新页面上开始;正如预期的那样。现在,在这些部分的内部,布局如下:

<div class="section">
    <div class="subsection">
        <hr>
        <h2>Subsection heading</h2>
        <div>...content...</div>
        <div>...content...</div>
    </div>

    <div class="subsection">
        <hr>
        <h2>Subsection heading</h2>
        <div>...content...</div>
        <div>...content...</div>
    </div>
</div>

我的问题是,有时在该小节标题之后会立即出现分页符。我已经在h2上尝试过page-break-after: avoid;,但这并没有任何改变。 <div>都有一个page-break-inside: avoid;,因此我也确信它不会在它们内部破损。但是,它们的长度也不超过一页,因此此page-break-inside也不会覆盖我想要的效果。

我在想的是,如果您能以某种方式鼓励浏览器在接近页面末尾时中断(在标题之前),那将解决我的问题。但是,page-break-...没有这样的规范。有什么办法可以做到这一点?

0 个答案:

没有答案