用文本填充div直到满，然后再创建另一个

Question

我正在构建一个电子书应用程序，为此我有一大块文本（书），我必须将它分成N个具有特殊类的div。我设法通过计算单词以及在N个单词创建另一个div之后以某种方式实现结果，但单词计数不是一个非常好的参数。

有什么方法可以用文本填充div（320 x 480），当它完全创建另一个时？最后我需要的是一个接一个的完整div列表。

非常感谢我应该寻找的任何暗示！ 感谢

Answer 1

不，因为你无法以编程方式计算出最终渲染显示时该文本的大小。

为什么不让设备本身计算出它可以在页面上显示多少文字？

Answer 2

我没有时间计算具体细节，但你可以做的事情就是向div添加一定数量的文本然后检查其scrollHeight与其{{1}的比较}}。这可能会非常慢，在实际添加文本之前你必须有一些比较它的方法：offsetHeight总是等于scrollHeight，直到文本实际溢出，并且这正是你想要避免的。也许某种临时div？我不知道。我将把具体细节留给你解决。 ......或完全忽略。不管。