css – 如果溢出则阻止文本换行

我不想指定区域的宽度并设置overflow：hidden或滚动到我的文本,因为该站点是响应式的.有没有办法防止一行文字进入第二行？

或者例子“lorem sum etc ger ergdfg efdfg”

不会成为

"lorem sum etc ger 
ergdfg  efdfg"

宽度小的时候？

解决方法

使用

white-space: Nowrap;

在包含文本的元素上.

这个名字非常明显 – 它使得空白不会被包裹.

使用溢出：隐藏;如果你不希望文本开箱即用,它应该是.

使用文本溢出：省略号;如果你想要文本溢出边界框时的省略号.

JSFiddle