继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

童美松
关注TA
已关注
手记 10
粉丝 0
获赞 5

单行:

.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;

}


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP