基于容器大小的jquery动态书本样式分页

Question

如果您曾经使用过我正在尝试创建的电子阅读器应用程序。我想加载大量文本，然后将其分成页面。当文本开始溢出或以任何方式被截断时，应该会出现这些“分页符”。我尝试了多种方法来做到这一点，但运气不佳。

现在我正试图打破每一个单词（糟糕而缓慢）并测量它离顶部有多远，在它达到一定高度后，我试图编辑 html 以关闭最后一页并开始一个新的。

我想避免在一定数量的字符或单词之后分隔内容，因为这不一致。文档中也可能包含 HTML。

坦率地说，我什至不知道从哪里开始，而且我一直在寻找一些关于如何进行的提示。

Answer 1

不幸的是，这是一项不平凡的任务。为了让您了解您所面临的问题，请查看以下内容：http://www.hpl.hp.com/techreports/2009/HPL-2009-123.pdf。

这个问题类似：html pagination and 'paged media'

如果您可以按照那里的建议使用W3C paged media CSS standard，那就太好了，但它在firefox、chrome 或safari 中的任何一个中都是not yet well supported。令人震惊，但这似乎是 IE 领先于曲线的罕见案例之一。

我也强烈怀疑您应该找到一种加载文本段的方法。加载大量文本会占用内存、降低页面速度并通常会破坏用户的浏览器。