超三行省略号

          overflow: hidden;
          word-break: break-all;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;

我用这个css在本地浏览器是可以的 但是vue打包部署之后 app和微信都没有效果
但在浏览器上还是可以
最后 在这个作用的div上 给了一个最大高度
max-height: 3.75rem;
都可以了~

ps 我看到网上有人说加那两句注释 我加了也没效果

最后测试又没效果~~~
其实我用了vant的轮播图展示的页面 我把轮播图去掉是可以超三行省略号的
但是加上又不行了 最后解决方法是 切换到需要展示超三行省略号的页面时 先移除这个样式 再把这个样式加上
this.refs.name[i].classList.remove("names-txt");
setTimeout(() => {
this.refs.name[i].classList.add("names-txt");
}, 100);