css - "word-break: break-all"和 CSS 中的 "word-wrap: break-word"有什么区别

Question

我目前想知道两者之间有什么区别。当我同时使用它们时，如果它不适合容器，它们似乎会打破这个词。但为什么 W3C 做了两种方式来做呢？

Answer 1

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

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

分词:break-all

• 无论是连续的单词还是很多单词，都在宽度限制的边缘将它们打散。 (即即使在同一个单词的字符内)

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

如果没关系，那就去吧。