小程序中css 样式实现多行省略和单行省略

多行省略(chrome内核的浏览器应该都适用)：

.title{
    display: -webkit-box; // 这里和单行省略设置不同
    font-size:28rpx;
    color:#000000;
    line-height: 40rpx;
    word-break: break-all;
    -webkit-box-orient: vertical; // 这里和单行省略设置不同
    -webkit-line-clamp:2; // 第二行显示不下才显示省略号
    overflow: hidden; // 超出隐藏
    text-overflow:ellipsis; // 超出省略
}

单行省略：

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

如果效果未达到，请调试检查是否有其它样式替换掉了上面的写法