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

前端之家收集整理的这篇文章主要介绍了css – 如果溢出则阻止文本换行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我不想指定区域的宽度并设置overflow:hidden或滚动到我的文本,因为该站点是响应式的.有没有办法防止一行文字进入第二行?

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

不会成为

"lorem sum etc ger 
ergdfg  efdfg"

宽度小的时候?

解决方法

使用
white-space: nowrap;

在包含文本的元素上.

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

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

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

JSFiddle

原文链接:https://www.f2er.com/css/214717.html

猜你在找的CSS相关文章