// 多行 需要设置宽高
.order-statistic-batch-card__goods--name {
width: 145px;
height: 50px;
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; // 行数需设置
line-clamp: 3;
-webkit-box-orient: vertical;
}
// 单行 需要设置宽度
.order-statistic-batch-card__goods--attr {
margin-top: 10px;
width: 145px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
单行超出现实三个点|多行超出现实三个点
おすすめ
転載: blog.csdn.net/weixin_40639095/article/details/118599898
おすすめ
ランキング