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