CSS - 如何避免元素内容分两行显示

Question

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

http://jsfiddle.net/EaW5t/

Answer 1

使用 CSS:

 span { white-space:nowrap; }

来自 the docs :

nowrap - This value collapses white space as for 'normal', but suppresses line breaks within text.

干杯