【问题标题】:Word-break:break-word not working in Firefox 21Word-break:break-word 在 Firefox 21 中不起作用
【发布时间】:2013-06-13 04:13:59
【问题描述】:

我已将word-break:break-word 添加到我网站上的 cmets,以便在单词溢出评论框时开始分解单词,但它似乎在 Firefox 中不起作用。我已经完成了设置的 JS 小提琴,它确实有效。所以一定有什么矛盾的,但我一辈子都找不到。

JS Fiddle(工作):http://jsfiddle.net/F6K99/6/

直播问题:http://bit.ly/13NcY5F

【问题讨论】:

  • 那里好像有一个双分号,也许 Firefox 不喜欢它? d.pr/i/6IKo
  • 为什么要断词而不是正确的分词?

标签: css firefox word-break


【解决方案1】:

您可以通过以下方式实现:

答.使用word-break:break-all;而不是word-break:break-word;

WORKING SOLUTION

B. 或者,使用word-wrap: break-word; 而不是word-break:break-word;

WORKING SOLUTION

据我所知,word-break 没有break-word 属性。

希望对您有所帮助。

【讨论】:

  • Chrome 支持 "word-break: break-word;"这与“word-break:break-all;”不同。它更智能,只有在单词之间不可能中断时才会在单词内部中断。
  • @Andrej - 你能制作一个小提琴来展示你提到的内容吗?
【解决方案2】:

您必须使用以下 CSS。

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

这适用于 Chrome、Firefox。

【讨论】:

  • 这并没有回答问题,即如果 within 单词比容器本身长,则它们会被打破。正常的自动换行/中断只是打破个单词之间。
  • 这个解决方案对我有用,应该被接受的答案
【解决方案3】:

u hv 使用 word-break:break-all;..它应该在那之后工作。

猜你喜欢
  • 2014-07-07
  • 1970-01-01
  • 1970-01-01
  • 2011-04-29
  • 1970-01-01
  • 1970-01-01
  • 2012-05-31
  • 2015-10-13
  • 1970-01-01
相关资源
最近更新 更多