break是指一个很长的单词从它应该开始的地方开始，并且可以按要求把它拆长:

[X] I am a text that 0123
4567890123456789012345678
90123456789 want to live
inside this narrow paragr
aph.

然而，使用换行，一个很长的单词将不会从它应该开始的地方开始。

它自动换行到下一行，然后根据需要将其断行

[X] I am a text that
012345678901234567890123
4567890123456789 want to
live inside this narrow
paragraph.

我只能查到这些。我不确定它是否有帮助，但我想我应该把它加入到混合中。

自动换行

此属性指定如果内容超出了元素的指定呈现框的边界，当前呈现的行是否应该中断(这在某些方面类似于' clip '和' overflow '属性的意图)。此属性仅适用于以下情况:元素具有可视渲染，是具有显式高度/宽度的内联元素，是绝对定位的元素和/或是块元素。

单词分割

此属性控制单词中的换行行为。在一个元素中使用多种语言的情况下，它特别有用。

单看断字和换行的定义就很容易让你头晕目眩，但当比较这两个词时，更容易这样想:

首先，你可能会使用overflow: auto;同样，您可能想要尝试单独使用它是什么样子:如果您可以容忍需要在容器中滚动文本而不是任意换行位置，那么它可能正是您所需要的。

然后请记住，在这个上下文中，“word”是一个没有空格的字符串。

单词分割:打破所有;

优先减少空间浪费，同时避免溢出，在保持任何文字完整之前，所以它永远不会在任何地方，但在正确的边缘。它甚至在包含的文本中用空格替换换行符。如果你想尽量避免滚动，并使用一个足够宽的容器来提高可读性，这是很有用的:然而，如果你的容器太窄，结果通常不是很令人满意，正如Drkawashima指出的那样。

自动换行/ overflow-wrap: break-word;

优先级保持任何和所有单词不间断，同时避免溢出，因此如果一个单词太长，无法放入该行的其余部分，它会先换行，并尝试将其余文本放入下一行，即使这意味着上面的行短至只有一个字符。如果你想要最大限度的可读性，同时尽可能避免滚动，并使用一个足够宽的容器，这是很有用的:否则你可能只想使用overflow: auto来代替。

关于换行，它并没有真正被取代(也许在全球使用的浏览器中，它比溢出换行更被普遍认可):它成为溢出换行的别名，因为所有的大型浏览器和许多许多网页都已经采用了换行，尽管最初没有在标准中定义。

然而，由于广泛使用，在定义overflow-wrap时它并没有被丢弃，而是定义为今天的别名，并且由于遗留原因，ua(用户代理，例如web浏览器)必须将换行作为overflow-wrap属性的遗留名称别名。因此，它已经成为W3C事实上的标准，而且它不会很快消失(也许当W3C标准灭绝或整个网络被人工智能机器人普遍更新时)。

5.5. Overflow -wrap/word-wrap属性

overflow-wrap (MDN)

讨论这些问题的W3规范似乎表明，word-break: break-all是为了要求CJK(中文、日语和韩语)文本具有特定的行为，而word-wrap: break-word是更一般的、不了解CJK的行为。

这是一个巨大的区别。break-word只会破坏不符合容器的单词。而break-all会无情地试图最大限度地增加每行字符的数量，并会无情地导致“不必要的断句”，这看起来很可怕。

例子

这是一个来自旧杂志的文本，在一个6个字符宽的容器中使用单行字体。

使用word-break: break-all，大多数单词都被打破了，看起来无法阅读:

This i
s a te
xt fro
m an o
ld mag
azine

break-all所做的是一行一行地进行，在每行上放入六个字符，直到没有剩余。它会无情地这样做，即使是像“is”这样的两个字母的单词也可以分成两行。这看起来非常糟糕，我永远不会用它来渲染文本。

使用word-wrap: break-word，只有长单词会被打断:

This
is a
text
from
an old
magazi
ne

break-word的功能要好得多。它只会破坏无法装下容器宽度的单词。不能放入当前行的单词会被推到下一行。因此，在这种情况下，对于每行容纳6个字符的容器，它必须断开 一个8个字符的单词，比如“magazine”，但它永远不会变成一个更短的单词，比如“text”。

< span style="width: 10px;边框:纯黑色1px;字体类型:等宽字体;" > <h1 style=" font - family:宋体;"这是一本旧杂志上的一段文字 <人力资源> <h1 style=" font - family:宋体;"这是一本旧杂志上的一段文字 < / div

至少在Firefox (v24版本)和Chrome (v30版本)中，当应用到表元素中的内容时:

自动换行:break-word

实际上不会导致长单词换行，这会导致表超出其容器的边界;

单词分割:打破所有

将导致文字的包装，和表适合在其容器内。

jsfiddle演示。