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前面有個「！」。