css ebook image float

时间:2015-06-09 19:18:20

标签: html css epub kindle

我正在为kindle epub阅读器开发一个电子书,具有流畅的布局和几个插图。插图相对于文本的确切位置并不重要。

如您所知,与普通浏览器不同,电子书阅读器会根据字体大小和屏幕大小将文本分成几页。如果页面上有文本并且图像出现不适合,则读者只需插入分页符并将图像放在下一页的顶部,在当前页面上留下空白点。

有没有办法设置CSS或HTML,让文本在图像插入点后继续在当前页面上流动,并仍然将图像放在下一页的顶部?这对我来说似乎很基本,但我已经搜索了高低,并且只找到了切换到固定布局的建议,这不是一个选项。

1 个答案:

答案 0 :(得分:0)

break-before / break-after有一个CSS规范。它在任何浏览器中都不受支持,所以我认为它适用于电子阅读器。

http://www.w3.org/TR/css3-page/