将一串文本放在一行中答案

【问题标题】：Keeping a string of text together on one line将一串文本放在一行中
【发布时间】：2013-09-16 05:22:11
【问题描述】：

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

例子：

"Industry Updates - 8th
 September 2013"

这通常发生在移动浏览器上，而对于较小的宽度，理想的情况是整个日期保持在一起：

"Industry Updates - 
 8th September 2013"

那么有没有可以使用的标签或 css 技巧来实现这一点？谢谢

【问题讨论】：

标签： html css

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

CSS

.nowrap {
    white-space: nowrap;
}

HTML

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

任何带有white-space: nowrap 的元素都停留在一行

【讨论】：

这应该是公认的答案。全部通过css完成，无需修改原字符串。
实际上，在此示例中，您正在修改原始字符串，因为字符串必须被破坏并包裹在标签中。然而，在使用公认的时存在一个问题。解决方案是它不会在 XHTML5 中验证，尽管它应该在 text/html HTML5 中验证。您可以通过使用适当的编码 (utf8) 和代替 html 实体，或者您可以使用实体 . 的十六进制变体