很神奇的
使用多行省略的时候
原始代码为:
.line-ellipsis-2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-box-orient: vertical;
}
默认编译的时候,会过滤
-webkit-box-orient: vertical;
改变方式,关闭 autoprefixer 然后再开启:用注释就可以做到,简直黑科技
代码:
.line-ellipsis-2{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
参考链接地址: