Html 使用断字：断字；在Firefox上

我有一个div元素，用于文本的段落。这是为了移动响应，所以我一直在用不同的浏览器/视口大小测试它。我有以下代码：

.text{
字号：18px；
断字：断字；
溢出包装：断开单词；
宽度：200px；
边框：红色实心1px；
}

---

长到足够长的字词和合适的字词

我建议删除所有

断字

，只需保留

溢出换行

（或者

换行

，如果您想要IE/Edge支持的话）就可以了

为什么？

更新

似乎2018年12月的规范提到的

break word

值是一个不推荐的值：

为了与旧内容兼容，word break属性还支持不推荐使用的break word关键字。指定后，无论溢出包裹属性的实际值如何，其效果与单词break:normal和overflow wrap:anywhere相同

答案的旧部分

wordbreak:break-word

似乎是基于Webkit的浏览器中的一个bug（或者可能是旧版css3草稿的遗留问题？），因为

break-word

仅是

溢出换行

（或者

word-wrap

，对于旧版浏览器（和Edge；））属性的正确值

我创造了一个

src:

---

对于FF，使用

单词break:break all
断字：全部断字有不同的功能，但所有的单词都被打断。实际上，break word是旧IE（5.5->7）中实现的word wrap的一个值，您可能在这里误解了这两个规则：&它回到了草稿中，最好是检查哪些规则可以应用于您想要使用的规则，然后选择那些按预期工作的；）我试过
overflow-wrap:break-word但似乎什么也没发生，同样的情况也发生在
换行：打断单词。我的目标是，当且仅当这个词本身不适合一条直线时，打破这个词。我上面链接的Chrome实现正是我想要的。我知道，
break word
对于WebKit浏览器来说是不标准的，但我正在寻找另一种方法来获得同样的效果。好的，我已经将您最初的代码片段共享了，也许您还可以添加几次尝试，这样它们就可以在回答中重复使用，并在访问者的浏览器中实时显示发生了什么。我同意，在这一点上，FF的行为很奇怪。溢出包裹测试在FF和Chrome中运行良好，您使用什么版本的os/浏览器？