CSS - 如何避免元素内容显示在2行上

Question

我有很多内联显示的内联。我的跨度包含一些文字。我的问题是，当跨度到达浏览器的右边界时，跨度被“剪切”。通过削减我的意思是一半是在一行，其余的在下一行。我想避免这种情况。如果没有足够的空间在同一行显示所有跨度内容，我希望在下一行显示跨度内容。希望我很清楚。提前感谢您的回复。干杯。马克

http://jsfiddle.net/EaW5t/

Answer 1

使用CSS：

 span { white-space:nowrap; }

来自the docs：

  

nowrap - 此值会折叠空白区域，而不是“正常”，但会抑制文本中的换行符。

干杯