Javascript 如何防止克隆和包装行时单词溢出？

我在上找到的一个编码示例有问题。基本上，它在一个div中克隆文本，并在另一个div中输出包装在span中的文本

我遇到的问题是，在克隆过程中，单词会被截断，因为单词的长度超过了CSS中设置的宽度

例如：

<span>I’m up to something. Learning is cool, bu</span>
<span>t knowing is better, and I know the key t</span>

我在搞点什么。学习很酷，但了解更好，我知道成功的关键。祝福你。他们从来没有说过获胜很容易。有些人不能成功，我可以。 我以前告诉过你这一切，当你有一个游泳池时，不要使用氯，使用盐水，疗伤，盐水就是疗伤。这样说吧，我花了二十五年的时间才得到这些植物，二十五年的血汗和眼泪，我从未放弃，我只是刚刚开始。

---

问题是三边像素函数，它只是检查一个字符串是否足够小，以适应给定的宽度，而不关心它是否在单词的中间。 为了知道我们是否要截断一个单词，我们可以检查字符串中最后一个字符实际上是什么字符。所以为了简单起见，我们可以检查它是否是一个空的空间，如果是的话，切断是可以的。一个更复杂的测试可以检查它是否是来自A-z A-z 0-9的字符

while (spn.width() > width || txt.charAt(txt.length-1)!=" ")

---

谢谢这对我来说是个大问题，我最终解决了这一部分。出现了一个新问题，但那是另一个问题。