在firefox中包装单词

Question

我遇到过一个似乎只出现在Firefox中的问题。我一直试图正确地包装这些词，但它们似乎正在缩短。我已经尝试了许多我找不到的解决方案。

我当前的自定义CSS代表

h2,  .ish-h2{
padding: 0px;
margin: 0px !important;
word-break: keep-all !important;
-moz-hyphens: auto !important;
}

我尝试添加white-space: pre-wrap !important;，但这并没有解决这些问题。

我的目标是让它包装，但不要切断。我也试图让它具有响应性。

Answer 1

找到解决方案。

错误是CSS属性与包含：

的另一个styles.css冲突

word-break: break-all;

通过删除它，它修复了那样的分词。