微信小程序text文本溢出单行/多行省略

微信小程序text文本溢出单行/多行省略

• 解决办法:先给盒子定宽，再加入以下属性

   /*单行*/
.aa{

 display:block /*这里设置inline-block或者block；根据使用情况来定（行内元素需要加这个，块级元素和行内块级可以不用）*/

 white-space:nowrap; // 不换行

 overflow:hidden; // 超出隐藏

 text-overflow:ellipsis; // 加上省略号

}

/*多行*/

.aa{

 text-overflow:ellipsis;

 overflow:hidden;

 display:-webkit-box;

 -webkit-line-clamp:2;   /*设置要显示省略号的行数*/

 -webkit-box-orient:vertical;

}