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前面有个“！”。

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

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