需求:flex布局,标题需超过一行显示省略号
直接撸代码,解决如下:
.preview-right {
flex: 1;
overflow: hidden; /* 重点、重点、重点 这行才是这段代码的精髓*/
.preview-coupon-title {
font-size: 31rpx;
color: #333333;
margin-bottom: 10rpx;
overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/
}
}