这个片段显示了我想要的:http://jsfiddle.net/945Df/3/ http://jsfiddle.net/945Df/3/
<div class="sup" id="pr">
<strong>
<a href="#">Rosario, Santa Fe, Argentina.</a> <span class="date">17 de septiembre de 2013.</span></strong>
</div>
<div class="sup">
<strong>
<a href="#">Rosario, Santa Fe, Argentina.</a> <span class="date">17 de septiembre de 2013.</span>
</strong>
</div>
我希望当 div 的宽度(在项目中,视口)没有更多空间时,跨度落入新行。
抱歉我的解释不好。我不知道该怎么做。谢谢!
编辑:在第二个示例中,短语“SEPTIEMBRE DE 2013”。落入新行。但“17 DE”字样仍位于上行。我想要“2013 年 9 月 17 日”。落入新行。知道了?
如果您希望跨度不换行,而是完全移到其他文本下方,您可以使用white-space: nowrap;
.date {
text-transform: uppercase;
color:#848484;
white-space:nowrap;
}
Demo http://jsfiddle.net/945Df/5/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)