手记

【小程序】文本超出则省略号

单行:

.text{

font-size:28rpx;

height:70rpx;

line-height:35rpx;

 

display: block;

overflow: hidden;

white-space: nowrap;

text-overflow:ellipsis;

}

 

多行:

.text{

font-size:28rpx;

height:70rpx;

line-height:35rpx;

 

display: -webkit-box;

word-break: break-all;

-webkit-box-orient: vertical;

-webkit-line-clamp:2;   //行数为2

overflow: hidden;

text-overflow:ellipsis;

}


0人推荐
随时随地看视频
慕课网APP