微信小程序： 实现省略号不生效？

一、单行显示省略号效果：

1、width:value;  //容器宽度

2、white-space: nowrap; //强制在一行显示

3、overflow:hidden;  // 溢出内容隐藏

4、text-overflow: ellipsis;  //溢出文本显示省略号

注意： 这种方式仅作用于块级元素，对内联元素无效。

hack1:  将内联元素转为块级元素。

hack2:  

 

二、指定行显示省略号

 

1、display:-webkit-box;

 

2、overflow:hidden;

 

3、-webkit-box-orient： vertical;

 

4、-webkit-line-clamp:2;