您的位置：首页 > 移动开发 > 微信开发

微信小程序text文本溢出单行/多行省略

2017-08-15 19:53 696 查看
（转载）https://my.oschina.net/u/2276921/blog/829937

在做小程序的时候遇到在text标签里面的文本过长，需要限制显示长度，并且在限制了长度的后面加上省略号代表后面还有内容。



这时候设置样式：

.note_item text{
display: -webkit-box;
font-size:28rpx;
color:#000000;
line-height: 40rpx;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
overflow: hidden;
text-overflow:ellipsis;
}

如果只显示单行的话：

.note2_item text{
display: block;
font-size:28rpx;
color:#000000;
line-height: 40rpx;
height: 120rpx;
overflow: hidden;
white-space: nowrap;
text-overflow:ellipsis;
}

这里两个display是不同的
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航