[CSS]控制文本长度多出来用省略号(单行或者多行适用)

2021-02-01 51点热度 0人点赞 0条评论

要求某一行的文本,如果显示不下,多出来的用省略号,或者文本显示2行(或者指定N行),多出来的用省略号代替

单行的情况
.sinle-line-ellipsis {
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow: hidden;
    
    /**以下两个看看是否要加?*/
    width:140px;
    display: block;
}
多行的情况
/**多行 2行为例*/
.multi-lines-ellipsis {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

 

Terry

记录开发运维过程中遇到的坑以及解决方案,干货分享

文章评论

*

code