小程序中单行&&多行文本溢出显示省略号

.textof{
display: -webkit-box ;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
}

-webkit-line-clamp:2;//这是设置显示的多少行。

-webkit-box-orient：vertical。

word-break：规定自动换行的处理方法。

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 500px;