`word-break：all-all` CSS属性似乎在跨度上不起作用

Question

以下代码段包含两个示例。第一个在div上设置word-break: break-all属性，第二个在span上设置它。

.break-all {
  word-break: break-all;
}

div {
  width: 100px;
}

<div class='break-all'>
  <span>qwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwerty</span>
</div>

<hr>

<div>
  <span class='break-all'>qwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwertyqwerty</span>
</div>

在Firefox中，在第一个示例中，单词被分解以适合其周围的div，但是在第二个示例中，该单词完全没有被分解。是什么原因呢？

在Chromium中，两个示例中的单词均以相同的方式被破坏。

似乎它适用于块元素，但不适用于内联元素（注释中指出，在跨度中添加display: block会导致单词被破坏）。