寡妇/孤儿CSS在Kindle Oasis / Paperwhite上不起作用

如何解决寡妇/孤儿CSS在Kindle Oasis / Paperwhite上不起作用

过去24个小时，我花了很多时间来弄清楚如何控制寡妇/孤儿，但没有在CSS中使用寡妇和孤儿选择器。信不信由你，但是Kindle oasis和Paperwhite确实在使用（尽管我手头没有此设备）使用的AZW3文件不支持widows:2或orphans:2甚至不支持{{1} }。我的文字带有副标题，如果在Kindle上查看，它们会留在页面底部。我尝试过KFX，是的，它在布局方面更好（支持寡妇/孤儿和休息），但KFX还有另一个问题，这对我来说很麻烦-它强调了每个链接，无论您指定break-after:avoid还是不。我的文字中有大约2000个链接，不需要加下划线。回到问题-AZW3不支持寡妇/孤儿和分页符。有人可以建议如何做到这一点吗？

text-decoration:none

或

p {
 widows:2;
 orphans:2:
}

不带上述CSS即可控制Kindle设备上文本的中断位置。谢谢。

解决方法

我发现如何强制行保持在一起（即模仿break-inside:avoid;行为）的唯一方法是放置一个HTML元素（如img），该元素不会在我的后面跨页文本。示例：

<img src="transparent.png" style="height:3em;width:auto;"/>
<h style="margin-top:-2.5em">this is my header</h>
<p>this is my paragraph</p>

请注意，我的PNG被称为“透明”-因为仅此而已-一个透明的正方形。我的页边距顶部略小于图像的高度，因此仍然在页眉上方保留一些空间。可以使用常规边距修改间距。有趣的是，这在Kindle Fire和Kindle Oasis上效果很好，其中<h>和<p>文本由于图像的高度而被迫一起转到下一页。等待在Kindle上更好地实现分页符和寡妇/孤儿控制，这可能是控制此行为的唯一方法。