微信小程序 文字超出view宽度后、超过行数后隐藏显示省略号

这是设置了需要显示3行，超出后隐藏并用省略号代替显示

1、单行显示：

overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
/*隐藏溢出*/
/*当文本溢出包含元素时显示省略符号来代表被修剪的文本*/
/*规定段落中的文本不进行换行*/

***同时使用display:flex;会使其失效*** 

2、规定行数显示

 display: -webkit-box;
 word-break: break-all;
 text-overflow: ellipsis;
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:3;/*设置 需要显示的行数*/

拓展

       1、text-overflow属性值

值	描述
clip