【问题标题】:css ebook image floatcss 电子书图像浮动
【发布时间】:2015-06-09 19:18:20
【问题描述】:

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

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

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

【问题讨论】:

    标签: html css epub kindle


    【解决方案1】:

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

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

    【讨论】:

    • 是也不是,在最一般的意义上它是受支持的,只是不完全支持。这是为了帮助列布局中的文本流动,但在浏览器中有点错误。它适用于打印之类的东西,是的,电子阅读器,但您可以将其应用到您的网站以获得更好的流程,我只会进行大量测试。 caniuse.com/#search=break-before
    • 我的语言有点强,但是是的,我完全同意
    • 我还要警告说,如果您唯一的线索是浏览器并不真正支持它,那么假设它是一个元素的用途是很危险的。有些只是实现非常糟糕/不符合标准,可能会在下一个版本中进入规范
    猜你喜欢
    • 2015-11-21
    • 2014-06-20
    • 2011-07-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-27
    • 2013-11-29
    相关资源
    最近更新 更多