防止跨度元素的换行

我有一个<span>元素,我想显示没有任何换行符。 我怎样才能做到这一点?

把这个放在你的CSS中:

 white-space:nowrap; 

在这里获取更多信息: http : //www.w3.org/wiki/CSS/Properties/white-space

white-space

white-space属性声明如何处理元素内的空白。

normal此值指示用户代理折叠空白序列,并根据需要断开行以填充行框。

pre此值可防止用户代理崩溃空白序列。 行仅在源代码中的换行符处或在生成的内容中出现“\ A”时被破坏。

nowrap这个值与'normal'一样折叠空白,但是抑制了文本中的换行符。

pre-wrap此值可防止用户代理崩溃空白序列。 在源代码中的新行处发生断行,在生成的内容中出现“\ A”,并根据需要填充行框。

pre-line此值指示用户代理崩溃空白序列。 在源代码中的新行处发生断行,在生成的内容中出现“\ A”,并根据需要填充行框。

inherit与元素的父级的属性具有相同的指定值。

如果您只需要防止空格字符换行,则可以使用&nbsp; 词之间的实体:

 No&nbsp;line&nbsp;break 

代替

 <span style="white-space:nowrap">No line break</span>