在css中“单词中断：所有”和“单词包装：中断词”之间的区别是什么？

Question

在css中“单词中断：所有”和“单词包装：中断词”之间的区别是什么？我现在想知道两者之间有什么区别。当我同时使用这两个词时，如果它不适合容器，它们似乎会破坏这个词。但是为什么W3C做了两种方法来做到这一点呢？

Answer 1

讨论这些问题的W3规范似乎表明word-break: break-all是要求使用CJK(中文、日文和韩文)的特定行为，而word-wrap: break-word是更普遍的，没有CJK意识的行为。

Answer 2

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

• 会在下一行上写上长句。
• 调整不同的单词，使它们不会在中间断裂。

word-break: break-all

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

因此，如果您有许多动态获取内容的固定大小的跨度，那么您可能更喜欢使用word-wrap: break-word由于这样，只有连续的单词在中间被打断，如果它是一个包含许多单词的句子，空格会被调整以得到完整的单词(在一个单词中没有中断)。

如果这不重要，那就去吧。

Answer 3

带着word-break，一个非常长的单词从它应该开始的点开始，并且只要需要，它就会被打破。

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

然而，与word-wrap，一个很长的词不会在它应该开始的时候开始。它绕到下一行，然后在需要的时候中断。

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