html - css 电子书图像 float

标签 html css epub kindle

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

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

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

最佳答案

break-before/break-after 有一个 CSS 规范。没有任何浏览器真正支持它,所以我认为它是为电子阅读器设计的。

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

关于html - css 电子书图像 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30740934/

相关文章:

html - 将 stack li 元素包装在 div 中

android - android 中 epub 的 webview 不显示图像

html - 在字段集图例标题旁边添加图标

html - 显示来自其他类悬停的数据属性类

jquery - 绝对定位的 div 及其内容

java - 用于在 Android 中呈现 PDF 文件的 PDF 库

iphone - 创建电子书阅读应用程序的教程 - epub 文件格式

html - 如何将搜索栏中心移动到页面顶部?

html - CSS Tab 着色问题

css - 有没有办法使用 CSS3 增加一个数字?