css超出隐藏显示省略号

yc99

于 2022-04-21 09:50:49 发布

阅读量421

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/gjsiaifa/article/details/124314144

css 专栏收录该内容

4 篇文章

订阅专栏

这段CSS代码用于实现文本溢出时隐藏并显示省略号，限制显示五行，同时确保单词完整。适用于前端开发中长文本的显示优化。

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

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
word-break: break-all;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */