在Firefox中没有一致的破坏词

时间:2013-05-08 10:16:45

标签: css firefox line-breaks word-break

请在the development site here处查看Firefox。

同样的短语“Accountantskantoor verschaeren-mertens”显示两次,一次在侧边栏中,一次在右上角。你可以看到不同位置的换行符。我已经在Chrome,IE和Firefox中进行了测试,这只发生在Firefox中。

有关如何使其保持一致的任何想法?我尝试过以下但是没有用。

word-break: normal;

2 个答案:

答案 0 :(得分:1)

这是相当神秘的,因为Firefox显然连字符右上角的文本:第一行末尾有一个连字符,表示分词。这不是word-break会导致的东西(它残酷地打破字符串而不是正确的单词divisioon)。

然而,除非我遗漏了某些内容,否则没有任何内容可以暗示代码中的连字符。

但是在元素上设置以下内容会阻止Firefox连字:

-moz-hyphens: manual

据推测,Firefox现在有一些默认值会导致在某些情况下自动连字(可能-moz-hyphens: auto有一些奇特的选择器)。由于Firefox仍然不使用hyphens作为属性名称,因此需要使用vendor-prefixed属性。

将值设置为manual允许在连字符后断开以及软连字符的效果。要禁用它们,请改为使用值none

答案 1 :(得分:0)

此功能的实现在浏览器中有所不同,因此IMO唯一的解决方案是使用hyphenator.js还有一个 的 hyphenator wordpress plugin