在做小程序的时候遇到在text标签里面的文本过长,需要限制显示长度,并且在限制了长度的后面加上省略号代表后面还有内容。
![](http://upload-images.jianshu.io/upload_images/701353-7719e621b2795c8d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/192)
这时候设置样式:
.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是不同的
作者:Smallwolf_JS
链接:https://www.jianshu.com/p/3b70710c7633
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。