text-overflow:ellipsis ()
先看代码块:
.name {
font-size: 26rpx;
font-family: SourceHanSerifCN-Regular, SourceHanSerifCN;
font-weight: 400;
color: black;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
还可以和white-space:nowrap; 一起使用 限制不换行
overflow:hidden; 隐藏溢出
效果展示图: