html - 防止文本分成两页

Question

此 html 位于电子书的末尾。当将 html 转换为 mobi，然后在 Kindle 上预览电子书时，最后上面的文字总是在电子书中分成两页。由于这是最后一页，我想阻止此文本拆分页面。我想我应该在这段文本代码周围添加 page-break-before:avoid 或 page-break-after:avoid 属性。我不确定，哪种适合在这种情况下使用，page-break-after:avoid 还是 page-break-before:avoid？

<hr/>
<div>
<FONT SIZE=-1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</FONT>
</div>
</body> 
</HTML>

例如，我应该使用这个示例，还是 page-break-before:avoid？

<div style="page-break-after:avoid"></div>
<hr/>
<div>
<FONT SIZE=-1>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</FONT>
</div>
<div style="page-break-after:avoid"></div>
</body> 
</HTML>

Answer 1

您实际上应该改用它:

page-break-inside: avoid;