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注释强制声明忽略下一行,防止被编译过滤

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容