css控制文字两行显示，多余的显示省略号

°152

已于 2023-07-25 23:01:46 修改

阅读量745

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css 文章标签：前端 css html5

于 2023-06-15 17:45:47 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_56004744/article/details/131232958

css 专栏收录该内容

6 篇文章

订阅专栏

这段CSS代码主要用于对多行文本进行隐藏和截断，通过`overflow:hidden`隐藏超出部分，`text-overflow:ellipsis`添加省略号，`-webkit-line-clamp:2`限制显示两行，适用于WebKit浏览器。

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

 {
            overflow: hidden;

            text-overflow: ellipsis;

            -webkit-box-orient: vertical;

            display: -webkit-box;

            white-space:normal;

            word-break:break-word;

            -webkit-line-clamp: 2
}