如何将HTML文件的内容以屏幕大小的块分割为WebKit浏览器中的“分页”?
每个“页面”应显示完整的文本量。这意味着在屏幕的顶部或底部边框中不得将一行文本切成两半。
我的意图最初是构建Android ePub阅读器。然而,似乎该解决方案只能通过JavaScript和CSS实现,因此我扩大了问题的范围,使其与平台无关。
发布于 2018-04-08 14:29:46
(这个JS在iOS Webkit上工作,不保证为Android)
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;
https://stackoverflow.com/questions/-100003819
复制相似问题