导致HTML换行的连字符

Question

我想确保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/

有什么建议吗？

Answer 1

将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>