Firefox并且似乎以
呈现连字符,与其他浏览器不同。以下是一些演示此问题的测试代码:
<html>
<body>
<div style="border: 1px solid blue;width: 50px">
This text can break. Do not - break this text.
</div>
</body>
</html>
请注意在Firefox中第二句话没有破坏,但在Chrome和IE中,它在连字符处断开。
有没有人知道一个好的解决方法,以便不会发生中断?
答案 0 :(得分:6)
问题是代码中的“减号”允许破坏。
有很多方法可以在HTML中编写“水平线”。 –
,—
,-
。 "A list apart" article描述了所有可能的方式。
但是也存在几个特定的Unicode字符,可以由它们的代码点号使用。其中一个是“非破坏连字符”,可以这样写:‑
。
我尝试在你的例子中使用它,现在文本没有中断。
答案 1 :(得分:0)
Naivist有答案,但是,为了记录,我最终使用了CSS的白色空间:nowrap;