css多行文本溢出省略失败问题

重点：

但是在多行文本溢出省略中有时会出现文字不换行的情况，添加white-space: normal;就成功了

单行文本溢出省略

.single-row text{
    display: block;
    line-height: 40rpx;
    height: 120rpx;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

多行文本溢出省略

.multi-row text{
    display: -webkit-box;
    line-height: 40rpx;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-overflow:ellipsis;
}

但是在多行文本溢出省略中有时会出现文字不换行的情况，添加white-space: normal;就成功了

具体原因以后补充