vue webpack打包 -webkit-box-orient 失效

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

一行省略

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

超出两行省略

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

 -webkit-line-clamp: 2;

-webkit-box-orient: vertical;

在使用webpack打包时，由于webpack会添加上前缀兼容，可能某些css属性失效。

解决方法：添加注释

注意：在css sass stylue中注释略有不同

//在scss中

         /*! autoprefixer: off */

         -webkit-box-orient: vertical;

          /* autoprefixer: on */

/* autoprefixer: off */

  -webkit-box-orient: vertical;

 /* autoprefixer: on */