效果图:
示例代码:
.list-userinfo {
flex-grow: 4;
width: 200rpx;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
总结
重点在于两个属性的使用:
text-overflow: ellipsis;
word-wrap: break-word;
阅读完有任何问题,联系我微信:ichatme002,备注来自【CSDN】