如何让 HTML 仅在单词上中断？

Question

HTML 中的流式文本可以带或不带连字符，或者，如果它在单词上对齐。

我如何让所说的文字只在单词上打断并且衣衫褴褛？

例子：

敏捷的小狐狸跳了过去-

那只懒惰的母鸡。

期望的输出是：

小狐狸跳得快

在懒惰的母鸡上。

Answer 1

您要查找的属性是word-break

word-break: break-all;

检查这个小提琴：http://jsfiddle.net/376qL5Lg/

---

要使线路不间断地继续，方法是：

white-space: nowrap;

小提琴：http://jsfiddle.net/7km0c6mb/

Answer 2

你可以试试 css 属性 word-wrap。

word-wrap: break-word;