将一串文本放在一行上

时间:2013-09-12 01:18:05

标签: html css

有没有办法在一行上保留一串文字,这样如果div宽度变小,整个字符串将下降到下一行而不是它的一半?

示例:

"Industry Updates - 8th
 September 2013" 

通常这种情况发生在移动浏览器上,而宽度较小时,理想情况是整个日期保持在一起给出:

"Industry Updates - 
 8th September 2013" 

那么是否有使用标签或css技巧来实现这一目标? 感谢

2 个答案:

答案 0 :(得分:57)

CSS

.nowrap {
    white-space: nowrap;
}

HTML

<span class="nowrap">Industry Updates -</span>
<span class="nowrap">8th September 2013</span>

white-space: nowrap的所有元素都停留在一行

答案 1 :(得分:37)

您希望在HTML标记&nbsp;中使用不间断的空格,而不是普通空格。

HTML

"Industry Updates - 8th&nbsp;September&nbsp;2013"