前端之多行省略号显示...
单行
.single{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
多行
.mutiple{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; // 数字表示多少行
-webkit-box-orient: vertical;
}
posted on 2021-09-23 17:35 fengxiongmiao 阅读(132) 评论(0) 编辑 收藏 举报