多行省略号（使用碰到问题解决）

html

<div class="text">55555555555555555555555555555555555555555555555</div>

css

.text {
                width: 434rpx; //兼容浏览器，有些浏览器不设置宽度有问题
                height: 88rpx;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }

当实现到这里，发现还是没有多行省略，
像这样！！！

方法：
1.先把所有的css删除，看看你设置div的元素文本会不会换行还是内容一直一行的往下走，只设置一个宽度就行，最后你会发现是这样

找到问题，证明这个div里的内容一直是单行输出，
于是给下面一个强制换行的css;
#重要！！！！！！！！！！！！！！！！！！！！！

word-wrap: break-word;

最后完美解决

整体代码

width:343rpx
word-wrap: break-word;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;