如果溢出则阻止文本换行

Question

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

或示例"lorem sum etc ger ergdfg efdfg"

不会成为

"lorem sum etc ger 
ergdfg  efdfg"

宽度小时？

Answer 1

使用

white-space: nowrap;

包含文本的元素。

该名称非常明显 - 它使得空白不会包裹。

如果您不希望文本开箱即可使用overflow: hidden;。

如果在文本溢出边界框时需要省略号，请使用text-overflow: ellipsis;。

JSFiddle

Answer 2

您可以尝试使用white-space : nowrap。

示例可在下面找到

<span>lorem sum etc ger ergdfg efdfg</span>

<style>
span
{
    width:100px;
    height:auto;
    overflow:scroll;
    display:inline-block;
    white-space : nowrap;
}
</style>