javascript - HTML 书状分页

Question

如何将 HTML 文件的内容拆分为屏幕大小的 block ，以便在 WebKit 浏览器中对其进行“分页”？

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

编辑

这个问题最初被标记为“Android”，因为我的目的是构建一个 Android ePub 阅读器。但是，该解决方案似乎仅使用 JavaScript 和 CSS 即可实现，因此我扩大了问题的范围，使其与平台无关。

Answer 1

在 Dan 的回答的基础上，我解决了这个问题，直到现在我一直在努力解决这个问题。 (此 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;

希望这有助于...