废话不多说上代码:
.wrap-td{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 指定行数
overflow: hidden;
float: left;
width: 100%;
word-break: break-all;
text-overflow: ellipsis;
}
本文介绍了一段CSS代码,用于设置元素的显示行数,通过使用-webkit-box、-webkit-box-orient和-webkit-line-clamp属性,可以有效地控制文本的溢出和显示行数,实现优雅的文字截断效果。
废话不多说上代码:
.wrap-td{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 指定行数
overflow: hidden;
float: left;
width: 100%;
word-break: break-all;
text-overflow: ellipsis;
}

被折叠的 条评论
为什么被折叠?
