这个问题在这里已经有了答案 :
如何阻止文本占用超过 1 行? (5 个回答)
10 个月前关闭。
我有一个<span>元素,我想在没有任何换行符的情况下显示它。我怎样才能做到这一点?
<span>
把它放在你的 CSS 中:
white-space:nowrap;
在此处获取更多信息:http: //www.w3.org/wiki/CSS/Properties/white- space
white-space
该white-space属性声明如何处理元素内的空白。
价值观
normal 该值指示用户代理折叠空白序列,并根据需要换行以填充行框。
normal
pre 此值可防止用户代理折叠空白序列。行仅在源中的换行符处或在生成的内容中出现“\A”处断开。
pre
nowrap 该值会像“正常”一样折叠空白,但会抑制文本中的换行符。
nowrap
pre-wrap 此值可防止用户代理折叠空白序列。在源中的换行符处、在生成的内容中出现“\A”处以及在填充行框时需要换行。
pre-wrap
pre-line 该值指示用户代理折叠空白序列。在源中的换行符处、在生成的内容中出现“\A”处以及在填充行框时需要换行。
pre-line
inherit 采用与元素父级的属性相同的指定值。
inherit