.text-line-1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.text-line-2 {
-webkit-line-clamp: 2;
}
.text-line-3 {
-webkit-line-clamp: 3;
}
.text-line-4 {
-webkit-line-clamp: 4;
}
.text-line-5 {
-webkit-line-clamp: 5;
}
.text-line-2, .text-line-3, .text-line-4, .text-line-5 {
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; // 弹性伸缩盒
-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}
css文本隐藏,显示省略号
最新推荐文章于 2024-03-25 16:11:20 发布