在chrome / firefox中包装/打破不同

Question

在Google Chrome和Mozilla Firefox中，中断/换行似乎表现不同。

Google Chrome：

Mozilla Firefox：

两者都有完全相同的CSS：

word-wrap: break-word;
word-break: break-all;
display: inline-block;

但我无法保持一致。我想将长字移到下一行，如果它们仍然不合适，那么就把它们分开（就像Google Chrome在我的照片中所做的那样）。

我如何让Mozilla Firefox也这样做？这样做的正确方法是什么？为什么？