css单行或多行超出省略号显示

光华♏

于 2018-10-10 14:37:03 发布

阅读量139

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css 超出省略号

本文链接：https://blog.youkuaiyun.com/fire_f_f/article/details/82996732

css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用CSS实现文本超出部分以省略号显示的方法，包括多行和单行文本的处理技巧，适用于网页布局中对文本长度有严格限制的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

多行超出省略号显示：
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;

单行超出省略号显示：
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;