小程序CSS实现单行和多行文本溢出显示省略号

1.单行省略号
.textview{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

2.多行省略号
.textview{
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：规定自动换行的处理方法。