小程序中單行&&多行文本溢出顯示省略號

.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;