我有一个
HTML 4.01 / CSS 2.1文档,其中包括一个H3标题,后跟一个短(一行)段落块,然后是一个无序列表,其中包含几个项目：
<h3>Heading!</h3> <p>Some things:</p> <ul> <li>Thing one</li> <li>Thing B</li> <li>Thing 4</li> </ul>
我的问题是,当我打印文档(或使用wkhtmltopdf将其呈现为PDF)时,有时会在标题之前发生分页符,在段落之前,看起来很愚蠢.
有没有办法规定页眉之后应该立即避免分页符？ (我不反对HTML5 / CSS3解决方案,如果这很简单的事情.)
注意：以下建议,我尝试使用CSS属性页 – 分隔符：avoid.但这并不适用于任何基于WebKit或Mozilla的浏览器.
解决方法
由于CSS属性
page-break-after: avoid在任何基于
WebKit或
Mozilla的浏览器中都不起作用,因此在标题和可接受数量的文本中使用
page-break-inside: avoid：
CSS
<style type="text/css">
.nobreak {
page-break-inside: avoid;
}
</style>
HTML
<div class="nobreak">
<h3>Heading!</h3>
<p>Some things:</p>
</div>
<ul>
<li>Thing one</li>
<li>Thing B</li>
<li>Thing 4</li>
</ul>
