css多行省略-webkit-box-orient打包编译后失效原因

原css代码：

.dialog-for-plan .dialog-table .type>p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

打包上线后代码：

.dialog-for-plan .dialog-table .type>p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

原因：编译时会自动过滤掉 -webkit-box-orient: vertical

解决办法：

.dialog-for-plan .dialog-table .type>p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /*! autoprefixer: off */
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  /*! autoprefixer: on */
}

需要注意的是autoprefixer前面有个“！”。

css多行省略-webkit-box-orient打包编译后失效原因

推荐阅读