美文网首页
CSS实现超过部分用省略号代替

CSS实现超过部分用省略号代替

作者: kevision | 来源:发表于2020-07-25 12:58 被阅读0次

(1)显示一行,超出部分用省略号显示

.class名称{
     overflow:hidden; //超出的文本隐藏
     text-overflow: ellipsis;//溢出用省略号显示
     white-space: nowrap;//溢出不换行
}

(2 )显示两行,超出部分用省略号显示

.class名称{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;//行数
     -webkit-box-orient: vertical;
}

————————————————

原文链接:https://blog.csdn.net/chibimarukochan/java/article/details/89205898

相关文章

网友评论

      本文标题:CSS实现超过部分用省略号代替

      本文链接:https://www.haomeiwen.com/subject/zjqjlktx.html