我有一个按节和小节组织的页面,现在我想为它们写一些打印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-...
没有这样的规范。有什么办法可以做到这一点?