在做小程序的時(shí)候遇到在text標(biāo)簽里面的文本過(guò)長(zhǎng)，需要限制顯示長(zhǎng)度，并且在限制了長(zhǎng)度的后面加上省略號(hào)代表后面還有內(nèi)容。

這時(shí)候設(shè)置樣式：

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

如果只顯示單行的話(huà)：

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

這里兩個(gè)display是不同的