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

标签 css

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

http://jsfiddle.net/EaW5t/

最佳答案

使用 CSS:

 span { white-space:nowrap; }

来自 the docs :

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

干杯

关于CSS - 如何避免元素内容分两行显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10288291/

相关文章:

javascript - 需要添加一个类来隐藏和显示激活后的元素

javascript - TransitionEnd 触发太早

css - 大网络字体(是或否?)

jquery - 先加载页面(css、html),再渲染

javascript - 保存来自 JQuery 表单的输入数据

html - 用于编号导航和按钮的 CSS

html - 如何在 <div> 中找到第二个 <p> 元素?

ios - iphone 版 ion-button focus 背景不变 + IONIC2

css - Internet Explorer 在应该悬停时隐藏 iframe

css - Div 布局 : static left column width , strchacle 右列宽度