//单行
.content{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
//多行
.no{
overflow: hidden;
/* text-overflow: ellipsis; */
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
单行超出省略号和多行超出省略号效果实现
最新推荐文章于 2024-08-28 00:12:21 发布