html - 连字符导致HTML中的换行符

This question already has answers here:

No line-break after a hyphen
（5个答案）
5年前关闭。
我想确保2012-13-12的日期总是在一条线上结束。
如果我使用/作为日期分隔符，它会起作用，但是“-”符号（不太奇怪）会使日期以两行结尾。

<div class="someclass">
      around  lorem Ipsium lorem Ipsium 2012-13-12 lorem Ipsium lorem Ipsium
</div>

和

.someclass { width:40mm; }

http://jsfiddle.net/yjK6D/
有什么建议吗？

最佳答案

使用css和“white space:nowrap
或（旧方法）使用标记“nobr”
例1：

<style type='text/css'>
    .nobr { white-space:nowrap; }
</style>
<div>
around  lorem Ipsium lorem Ipsium  around  lorem Ipsium lorem Ipsium <span class='nobr'> 2012-13-12 </span>lorem Ipsium lorem Ipsium
</div>

例二：

<div>
    around  lorem Ipsium lorem Ipsium  around  lorem Ipsium lorem Ipsium <nobr> 2012-13-12 </nobr>lorem Ipsium lorem Ipsium
</div>