css隐藏多余的字符，显示省略号

最新推荐文章于 2025-06-24 09:47:52 发布

小小青柠檬

最新推荐文章于 2025-06-24 09:47:52 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/tanqiaoxing/article/details/80335953

css 专栏收录该内容

8 篇文章

订阅专栏

1、超过一定行数隐藏，显示省略号

.hiddenThree{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-height: 72px; 
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
}

2、超过一行隐藏，显示省略号

 .hiddenOne {
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
}