在做小程序的时候遇到在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是不同的