微信小程序多行文本超出显示省略号

第一个是单行文本

width: 500rpx;
display:-webkit-box;
-webkit-line-clamp:1;
overflow:hidden;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
word-break:break-all;

第二个是多行文本

display: -webkit-box; /设置为弹性盒子/
-webkit-line-clamp: 6; /最多显示6行/
overflow: hidden; /超出隐藏/
text-overflow: ellipsis; /超出显示为省略号/
-webkit-box-orient: vertical;
word-break: break-all; /强制英文单词自动换行/

区别：单行文本需要宽度限制，多行不需要，因为有这行代码-webkit-line-clamp: 2;