【css】white-space 文本超出不换行

使文本超出不换行,使用CSSwhite-space属性,将其设置为nowrap。使文本在一行内水平显示,超出部分将被裁剪而不会换行。

HTML:
    <div class="text-nowrap">这是一个超出不换行的文本示例</div>
CSS:
    .text-nowrap {
       white-space: nowrap;
     }

猜你喜欢

转载自blog.csdn.net/weixin_44216637/article/details/131575594