CSS 多行省略失效 (-webkit-box-orient 失效)

很神奇的

使用多行省略的时候


原始代码为:

.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 */
}



参考链接地址:

https://github.com/postcss/autoprefixer/issues/776

你可能感兴趣的:(css学习+less学习)