请在此处的开发站点查看Firefox 。
相同的短语“Accountantskantoor verschaeren-mertens”显示了两次,一次在侧边栏中,一次在右上角。如您所见,不同位置的换行符。我在 Chrome、IE 和 Firefox 中进行了测试,这只发生在 Firefox 中。
关于如何使其保持一致的任何想法?我尝试了以下方法,但没有奏效。
word-break: normal;
请在此处的开发站点查看Firefox 。
相同的短语“Accountantskantoor verschaeren-mertens”显示了两次,一次在侧边栏中,一次在右上角。如您所见,不同位置的换行符。我在 Chrome、IE 和 Firefox 中进行了测试,这只发生在 Firefox 中。
关于如何使其保持一致的任何想法?我尝试了以下方法,但没有奏效。
word-break: normal;
这比较神秘,因为火狐显然是在右上角的文字连字符:第一行末尾有一个连字符,表示分词。这word-break
不会导致(它残酷地破坏字符串而不是正确的单词划分)。
然而,除非我遗漏了某些东西,否则代码中没有任何内容表明断字。
但是在元素上设置以下内容会阻止 Firefox 断字:
-moz-hyphens: manual
大概 Firefox 现在有一些默认值,在某些情况下会导致自动断字(可能-moz-hyphens: auto
有一些花哨的选择器)。并且由于 Firefox 仍然不使用hyphens
作为属性名称,因此需要使用带供应商前缀的属性。
将该值设置为manual
允许在连字符后中断以及软连字符的效果。要禁止它们,请改用该值none
。
此功能的实现在浏览器中有所不同,因此 IMO 唯一的解决方案是使用 hyphenator.js 还有一个 hyphenator wordpress 插件