Taro 多行文本省略不生效

使用Taro框架写多行省略的时候，发现不生效 ？？？

想要的效果

实现效果.png

实际效果，没有省略

实际效果.png

---

附上我们正常能在普通H5项目生效的css多行省略样式

.desc {
   width: 480px;
   font-size: 20px;
   line-height: 28px;
   padding-top: 17px;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
   word-wrap: break-word;
   white-space: normal !important;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

这在普通项目是没问题的，但是Taro框架编译之后，我们发现浏览器上是没有看到
-webkit-box-orient: vertical; 这句样式的

image.png

最后去Taro社区查了一下 ，果然有人碰到过这个问题

官方客服给出的解决方案是：

• 方法1:

      /* autoprefixer: ignore next */
      -webkit-box-orient: vertical;

• 方法2:

    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */

两种方式都是加入css注释强制声明忽略下一行，防止被编译过滤