Javascript拆分文本字符串以适合div元素页面

我一直在使用溢出滚动来显示文本。我意识到溢出属性可以检测数据何时大于合适的大小。 我需要填充一个div元素，然后填充另一个，依此类推，直到所有数据都在页面中设置好。断语不能打断一个字。 仅显示一页/div：block；剩下的将显示：无

---

允许在多个div页面上显示数据的最佳方式是什么？

为什么不使用css来实现此目的

<div style="height:50px; width:50px; overflow:hidden">testing</div>

测试

阿里使用CSS解决这个问题是正确的，但是你应该使用CSS word wrap属性来轻松实现溢出内容的预期效果，正如下面编辑的Ali示例所示

<div style="height:auto; min-height:50px; width:50px; word-wrap:break-word;">testing<div>

测试

现在，所有主要浏览器都支持word wrap属性

同样如上所示，如果您想确保所有文本都显示在正确的位置并换行，那么将您的高度CSS更改为“height:auto；最小高度：50px；'。这将允许DIV在高度上扩展，以显示任何通常被隐藏的仅仅定义固定高度的溢出，同时保留可能的50px的大小，并且保留所需的字包，而不会在中间断开一个字。 唯一不起作用的例外情况是，如果一个单词的长度超过了包含div的宽度，那么在这种情况下，它将在最后一个适合该行的字符处打断长单词，然后在下一行继续该单词

---

这一定是一个非常长的词，虽然遇到这个。如果在示例中使用“宽度”属性的“高度”时使用“自动”，它将通过允许更改div的宽度来解决分词问题，尽管在页面布局中，限制宽度通常比限制高度更为重要。

这里有一个很好的答案，应该会有所帮助-。使用此答案中的建议，您可以判断div何时“溢出”，然后使用

lastIndexOf

查找最后一个空格字符所在的位置并将其拆分。