将一串文本放在一行上

use*_*794 29 html css

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

例:

"Industry Updates - 8th
 September 2013" 
Run Code Online (Sandbox Code Playgroud)

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

"Industry Updates - 
 8th September 2013" 
Run Code Online (Sandbox Code Playgroud)

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

JSo*_*ous 63

CSS

.nowrap {
    white-space: nowrap;
}
Run Code Online (Sandbox Code Playgroud)

HTML

<span class="nowrap">Industry Updates -</span>
<span class="nowrap">8th September 2013</span>
Run Code Online (Sandbox Code Playgroud)

white-space: nowrap保留在一条线上的任何元素

  • 这应该是公认的答案.全部通过css完成,无需修改原始字符串. (6认同)

thg*_*ell 40

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

HTML

"Industry Updates - 8th&nbsp;September&nbsp;2013" 
Run Code Online (Sandbox Code Playgroud)