ellipsis文本溢出省略 

/*单行文本溢出*/  
.ellipsis{
    white-space:nowrap  ;
    text-overflow:ellipsis;
    overflow:hidden
}  

/*多行文本溢出*/  
.ellipsis{
    display: -webkit-box!important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;      //展示3行 
}

单行文本溢出:

这里写图片描述

多行文本溢出:
这里写图片描述

posted @ 2022-07-20 18:16  猫老板的豆  阅读(24)  评论(0)  编辑  收藏  举报