以下是一些非常有用的答案:

如何防止长词打破我的div?

为了节省你的时间，这可以用css解决:

white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
word-break: break-all;

自动换行:break-word;为我工作，我必须确保显示设置为块，并在元素上设置宽度。在Safari中，它必须有一个p标签，宽度必须在ex中设置。

我的方法(当没有合适的方法插入特殊字符)通过CSS:

-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

网址:http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ 还有一些额外的研究。

<textarea style="width:100px; word-wrap:break-word;">
  place your text here
</textarea>

如果你使用Bootstrap，对你来说更好的情况是使用这个类“text-break”。

例子:

< p class = "文本从“> mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm < / p >

更多的信息，你应该得到官方引导文档页

简单:

word-break: break-word;