寡妇/孤儿CSS在Kindle Oasis/Paperwhite上不是不能工作



在过去的24小时里,我花了很多时间研究如何控制寡妇/孤儿,但没有在CSS中使用寡妇和孤儿选择器。信不信由你,但Kindle Oasis和Paperwhite使用的AZW3文件不支持widows:2orphans:2甚至break-after:avoid。我的文本有一些副标题,如果在Kindle上查看,就会被留在页面底部。我试过KFX,是的,它在布局方面更好(支持寡妇/孤儿和休息(,但KFX还有另一个问题,这对我来说是一个障碍——无论你是否指定text-decoration:none,它都会突出显示每个链接。我在文本中有大约2000个不需要下划线的链接。回到问题上来-AZW3不支持寡妇/孤儿和分页符。有人能建议如何实现这一点吗:

p {
widows:2;
orphans:2:
}

p {
break-inside:avoid;
}

没有上面的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>文本被迫一起转到下一页。在Kindles上更好地实现分页和寡妇/孤儿控制之前,这可能是控制这种行为的唯一方法。

最新更新