IE8 / 9使CanSpice答案中提到的不间断连字符比典型的连字符更长。它是一个破折号的长度,而不是典型的连字符。这种显示差异对我来说是一个重大突破。
由于无法使用Deb指定的CSS答案,因此我选择不使用中断标签。
此外,我发现了导致IE8 / 9连字符中断的特定情况。
字符串包含用不间断空格分隔的单词-
宽度有限
包含破折号
IE就是这样渲染的。
下面的代码重现了上图所示的问题。我不得不使用一个meta标签来强制渲染到IE9,因为IE10已解决了该问题。不用费劲,因为它不支持元标记。
body { padding: 20px; }
div { width: 300px; border: 1px solid gray; }
If there is a - and words are separated by the whitespace code then IE will wrap on the dash.