防止跨度元素换行

如果只需要防止空格字符换行，则可以 在单词之间使用实体：

No line break

代替

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

把它放在你的CSS中：

white-space:nowrap;

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

white-space

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

价值观

normal 此值指导用户代理折叠空白序列，并在必要时断开线条以填充线框。

pre 此值可防止用户代理折叠空白序列。行仅在源中的换行处或在生成的内容中出现“ \ A”时才断开。

nowrap 此值与“正常”一样折叠空白，但抑制文本内的换行符。

pre-wrap 此值可防止用户代理折叠空白序列。在源代码中的换行处，在生成的内容中出现“ \ A”时以及需要填充行框时，这些行都是断开的。

pre-line 该值指导用户代理折叠空白序列。在源代码中的换行处，在生成的内容中出现“ \ A”时以及需要填充行框时，这些行都是断开的。

inherit 采用与元素父级属性相同的指定值。