Question

通过增加或减少epub中的字体样式，有时字幕会留在页面的末尾。

我怎么能避免这个？

我希望这个副标题不会留在页面的末尾，并且下一段至少有2行。否则它应该从新页面开始。

我尝试使用包含字幕和第一段的div，但现在我在字幕前面的页面上有一个很大的空白区域。

Answer 1

你可以使用CSS属性解决这个问题，比如page-break-after和page-break-before ...... 例如，在标题类我添加＆＃34; page-break-after：avoid;＆＃34;所以它坚持下面的副标题（我也在章节标题上添加相同的内容，以便它不与章节第一段分开）

Answer 2

使用page-break-after，page-break-before和page-break-inside的问题在于它们是块元素，这意味着你必须在span或div中使用它们。如果您只是将它们应用于普通样式，它们将被忽略（即使您向该属性添加！important）。

以下是我们的工作：

<强> CSS：

div.headbreaks {
    page-break-inside: avoid;
}

<强> HTML：

<div class="headbreaks">
<h1>Some Awesome Heading Goes Here</h1>

<p>
Bacon ipsum dolor amet filet mignon tempor doner rump bacon, 
ex tenderloin salami consequat jerky pig meatball frankfurter.
Porchetta beef dolore aliquip pig, bacon excepteur. Cow dolore
shankle prosciutto fatback. Elit ut frankfurter aliqua pork loin
aliquip, shank strip steak cow incididunt fugiat in irure jerky
turducken.
</p>
</div>

这可确保该div中包含的项目保持在一起。如果需要分页符，读者应强制将这些项目放在下一页的顶部。

HTH

避免在页面末尾单独留下字幕

2 个答案: