首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何实现HTML书籍式的分页?

如何实现HTML书籍式的分页?
EN

Stack Overflow用户
提问于 2018-04-08 05:33:29
回答 2查看 0关注 0票数 0

如何将HTML文件的内容以屏幕大小的块分割为WebKit浏览器中的“分页”?

每个“页面”应显示完整的文本量。这意味着在屏幕的顶部或底部边框中不得将一行文本切成两半。

我的意图最初是构建Android ePub阅读器。然而,似乎该解决方案只能通过JavaScript和CSS实现,因此我扩大了问题的范围,使其与平台无关。

EN

回答 2

Stack Overflow用户

发布于 2018-04-08 14:29:46

(这个JS在iOS Webkit上工作,不保证为Android)

代码语言:javascript
复制
var desiredHeight;
var desiredWidth;
var bodyID = document.getElementsByTagName('body')[0];
totalHeight = bodyID.offsetHeight;
pageCount = Math.floor(totalHeight/desiredHeight) + 1;
bodyID.style.padding = 10; //(optional) prevents clipped letters around the edges
bodyID.style.width = desiredWidth * pageCount;
bodyID.style.height = desiredHeight;
bodyID.style.WebkitColumnCount = pageCount;
票数 0
EN

Stack Overflow用户

发布于 2018-04-08 15:32:51

从经验谈起,预计会花费很多时间,甚至对于准系统的观众来说也是如此。ePub读者实际上是我开始学习C#时首先承担的大型项目,但ePub标准肯定非常复杂。

你可以找到最新版的ePub规范 ,其中包括OPS(Open Publication Structure),OPF(Open Packaging Format)和OCF(OEBPS Container Format) 。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100003819

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档