问题复现
用Taro写一块文本超出部分用…替代,效果如下:
正常逻辑
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
但是实现效果却是
纠结了很久 ,代码放到h5测试的时候是有效果的,最后发现其中的
-webkit-box-orient: vertical;
没有实现效果
最后去Taro社区查了一下 ,果然有人碰到过这个问题
官方客服给出的解决方案是:
- 方法1
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
- 方法2
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
两种方式都是加入css注释强制声明忽略下一行,防止被编译过滤
详情可见issue