Tarowebkitboxorient:vertical失效

用Taro写一块文本超出部分用…替代,效果如下&＃xff1a;

正常逻辑

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


但是实现效果却是

纠结了很久 &＃xff0c;代码放到h5测试的时候是有效果的&＃xff0c;最后发现其中的
-webkit-box-orient: vertical;没有实现效果
最后去Taro社区查了一下 &＃xff0c;果然有人碰到过这个问题
官方客服给出的解决方案是&＃xff1a;

• 方法1

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


• 方法2

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


两种方式都是加入css注释强制声明忽略下一行&＃xff0c;防止被编译过滤
详情可见issue