在HTML中导致换行的连字符

我想确保2012-13-12的日期总是以一行结束。 如果我使用/作为日期分隔符，它会起作用，但“-”符号（并不奇怪）会使日期以两行结束

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

有什么建议吗？

将css与“空白：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>

.nobr{空白：nowrap；}
lorem Ipsium lorem Ipsium lorem Ipsium lorem Ipsium 2012-13-12 lorem Ipsium lorem Ipsium

例二：

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

lorem Ipsium lorem Ipsium lorem Ipsium lorem Ipsium 2012-13-12 lorem Ipsium lorem Ipsium

将css与“空白：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>

.nobr{空白：nowrap；}
lorem Ipsium lorem Ipsium lorem Ipsium lorem Ipsium 2012-13-12 lorem Ipsium lorem Ipsium

例二：

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

lorem Ipsium lorem Ipsium lorem Ipsium lorem Ipsium 2012-13-12 lorem Ipsium lorem Ipsium

try:css

wordwrap:break-word无法将您带到这里..问题是它导致换行还是不导致换行？标题上写的是一个，但问题文本上写的是另一个。谢谢，但是由于某种原因，它不起作用。我错过了换行符。如果日期位于40毫米区域的右侧，则日期将在两行结束try:css
word wrap:break word无法将您带到这里..问题是它导致换行还是不导致换行？标题上写的是一个，但问题文本上写的是另一个。谢谢，但是由于某种原因，它不起作用。我错过了换行符。如果日期在40毫米区域的右边，那么它将在两行结束。在这里使用HTML5
是一个很好的机会，我相信标记是无润滑的，因此第一个示例比第二个示例更好。不需要在
span
元素中包含空格。你是对的，这是一个很好的例子。在这里使用HTML5
是一个很好的机会，我相信标签已经被去除了，所以第一个例子比第二个好得多。没有必要在
span
元素中包含空格。你是对的，这是一个例子。