`overflow-wrap: break-word` 和 `word-break: break-word` 的行为是否不同？

Question

我的问题：

有什么区别overflow-wrap: break-word和word-break: break-word？

非重复：

以下是一些现有的问题，乍一看似乎是重复的，但实际上并非如此。

• CSS 中的“word-break: break-all”与“word-wrap: break-word”有什么区别（那个问题是关于，word-break: break-all但我的问题是关于word-break: break-word）
• 溢出换行和断字的区别？（那个问题询问overflow-wrap和word-break属性，但我在这里的问题特别是关于break-word这个属性的值。此外，该问题被神秘地标记为上一个问题的重复，即使它不相关。）

代码：

我写这似乎表明，无论此代码段overflow-wrap: break-word和word-break: break-word行为方式相同。但我不确定我是否已经考虑了所有情况。也许在某些情况下他们的行为有所不同？

.ow {
  overflow-wrap: break-word;
  background: lightgreen;
}

.wb {
  word-break: break-word;
  background: lightblue;
}

div {
  width: 5em;
  display: inline-block;
}

<div class="ow">
Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
</div>

<div class="wb">
Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
</div>

<div class="ow">
Most words are short and don't need to break. But Antidisestablishmentarianism is long.
</div>

<div class="wb">
Most words are short and don't need to break. But Antidisestablishmentarianism is long.
</div>

浏览器支持：

• https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap#Browser_compatibility显示overflow-wrap: break-word自 Chrome 23、Edge 18、Firefox 49、Safari 6.1 起支持。它在 IE 中不受支持。（word-wrap这里忽略了非标准名称，我只关心标准名称。）
• https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Browser_compatibility显示word-break: break-word自 Chrome 1、Firefox 67、Safari 3 起支持。 IE 和 Edge 不支持。

考虑到浏览器支持矩阵，它看起来overflow-wrap: break-word适用于所有现代浏览器。

我想知道，如果你能想象的任何类型的文本或HTML的，这将使什么overflow-wrap: break-word和word-break: break-word不同的表现？

Answer 1

简单来说，word-wrap是旧版本的overflow-wrap ，在当前的CSS3规范中已被overflow-wrap取代。该规则允许您告诉浏览器是否允许在单词太长时断词。

另一方面，断字允许您告诉浏览器如何断词。

正如您在问题中所指出的，break-word这两个规则的值将表现相同。从我上面提供的链接中查看这些定义：

word-break: break-word:

为了防止溢出，如果行中没有其他可接受的断点，则通常不可断的字可以在任意点处断。

overflow-wrap: break-word:

与任何位置值相同，如果行中没有其他可接受的断点，则通常允许在任意点处中断不可中断的单词，但在计算最小内容固有大小时不考虑单词中断引入的软换行机会。