如何从破坏元素中包含文本？

Question

这是一个非常简单的问题，但令人尴尬的是我不知道如何实现这个：\

我有div元素，里面有文本框供用户写评论，回复等...非常标准的概念。包含文本的div是一定宽度。如果有人在哪里写东西而不使用任何空格，而不是在它击中div的右边缘时分解一条线，它就会继续前进并打破元素。

我只是想知道当它碰到用户提供的边缘空间时如何使它换行。

提前致谢

Answer 1

有一个word-wrap CSS属性会强制包含长词：

 word-wrap: break-word;

您可能还想查看overflow。

Answer 2

嗯...这是一个有趣的问题。我在想我会做的是实现一个“读取”行长度的JavaScript函数，如果单个写入块长于最大长度，我会抓取一个子串（最大长度 - 1） ，在它的末尾添加一个破折号（ - ），添加一个换行符，然后从那里继续。