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

Word-wrap: break-word最近更改为overflow-wrap: break-word

将长词换行到下一行。 调整不同的单词，使它们不会在中间断裂。

单词分割:打破所有

不管它是一个连续的单词还是许多单词，都在宽度限制的边缘将它们分开。(即即使是在同一个单词的字符内)

因此，如果您有许多固定大小的跨度，可以动态获取内容，您可能只喜欢使用换行:断字，因为这样只有连续的单词在中间被打断，如果它是一个包含许多单词的句子，则调整空格以获得完整的单词(单词中没有中断)。

如果无所谓的话，随便选一个。

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

自动换行:break-word

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

单词分割:打破所有

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

jsfiddle演示。

CSS中的分词属性用于指定当一个单词到达一行末尾时应该如何分词或分词。换行属性用于拆分/换行较长的单词并将它们换行到下一行。

“word-break: break-all;”和“word-wrap: break-word;”的区别:

word-break: break-all;:用于在任意字符处进行换行，防止字符溢出。

word-wrap: break-word;:用于在任意点打断单词，以防止溢出。

除了前面的注释之外，浏览器对换行的支持似乎比换行好一些。

换行被重命名为溢出换行可能是为了避免这种混淆。

现在我们得到的是:

overflow-wrap

overflow-wrap属性用于指定浏览器是否可以在单词中断行，以防止当一个不可分割的字符串太长而无法放入其包含框时出现溢出。

可能的值:

normal:表示行只能在正常的字断行点处断行。 break-word:表示如果行中没有其他可接受的断点，通常不可分割的单词可以在任意点上被分割。

源。

单词分割

换行CSS属性用于指定是否在单词中换行。

normal:使用默认的换行规则。 break-all:对于非cjk(中文/日语/韩语)文本，可以在任意字符之间插入换行符。 keep-all:在CJK文本中不允许换字。非cjk文本的行为与正常文本相同。

源。

现在回到你的问题。溢位自动换行和断字之间的主要区别在于，前者决定溢位情况下的行为，而后者决定正常情况下(无溢位)的行为。当容器没有足够的空间来容纳文本时，就会发生溢出情况。在这种情况下，断行没有任何帮助，因为没有空间(想象一个具有固定宽度和高度的盒子)。

So:

overflow-wrap: break-word:在溢出的情况下，将字打散。 break-all:在正常情况下，只需要在行末断行即可。不需要溢出。