连字符和Firefox与其他浏览器之间的差异

时间:2010-03-16 07:31:02

标签: html

Firefox并且似乎以 呈现连字符,与其他浏览器不同。以下是一些演示此问题的测试代码:

<html>
<body>
    <div style="border: 1px solid blue;width: 50px">
        This text can break. Do&nbsp;not&nbsp;-&nbsp;break&nbsp;this&nbsp;text.
    </div>
</body>
</html>

请注意在Firefox中第二句话没有破坏,但在Chrome和IE中,它在连字符处断开。

有没有人知道一个好的解决方法,以便不会发生中断?

2 个答案:

答案 0 :(得分:6)

问题是代码中的“减号”允许破坏。 有很多方法可以在HTML中编写“水平线”。 &ndash;&mdash;-"A list apart" article描述了所有可能的方式。

但是也存在几个特定的​​Unicode字符,可以由它们的代码点号使用。其中一个是“非破坏连字符”,可以这样写:&#8209;

我尝试在你的例子中使用它,现在文本没有中断。

答案 1 :(得分:0)

Naivist有答案,但是,为了记录,我最终使用了CSS的白色空间:nowrap;