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

在作小程序的時候遇到在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是不一樣的