在Firefox 21中，单词断行（Word-break:break-word）无法正常工作。

Question

在Firefox 21中，单词断行（Word-break:break-word）无法正常工作。

cssfirefoxword-break

6

我已经在我的网站评论中添加了word-break:break-word，以便在单词溢出评论框时开始分割它们，但在Firefox中似乎无效。我已经在JS Fiddle上进行了设置，并且确实有效。所以一定是有冲突的，但我找不到原因。

JS Fiddle（有效）：http://jsfiddle.net/F6K99/6/ 实际问题：http://bit.ly/13NcY5F

- David

好像那里有一个双分号，也许 Firefox 不喜欢它？http://d.pr/i/6IKo - casraf

为什么你想要打破单词而不是正确划分单词？ - Jukka K. Korpela

3个回答

3

您需要使用以下CSS。

word-break:normal;
word-wrap:normal;

这适用于Chrome和Firefox浏览器。

- RQ Bukhari

这并没有回答问题，问题是关于如果单词比容器本身更长，则在单词内部断开。普通的单词换行/断行仅在单词之间断开。 - Peter Hansen

这个解决方案对我很有效，应该被接受为答案。 - Web Dev Guy

1

您需要使用 word-break: break-all; ..之后应该可以正常工作。

- Nitin Agrawal

https://dev59.com/7HPYa4cB1Zd3GeqPiGTn#17143678 - Nitesh

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nitesh · Accepted Answer

您可以通过以下方式实现： A. 使用 word-break:break-all; 替换 word-break:break-word; 工作解决方案 B. 或者，使用 word-wrap: break-word; 代替 word-break:break-word; 工作解决方案据我所知，word-break 不具有 break-word 属性。

希望对您有所帮助。