最近在做vue專案的時候頁面處理多行文字樣式時用到了-webkit-box-orient: vertical這個屬性，本地跑專案沒問題，但是打包放到伺服器後發現這個屬性丟失了。如下圖：

.topic-info {
        margin: 5px 10px;
        font-size: .8em;
        text-indent: 2em;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }
 

        後來在網上查詢一番，發現可能是optimize-css-assets-webpack-plugin這個外掛的問題，其實解決辦法很簡單，只需要在這個屬性前後加一個特殊註釋即可，如下圖：

.topic-info {
        margin: 5px 10px;
        font-size: .8em;
        text-indent: 2em;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        overflow: hidden;
        text-overflow: ellipsis;
      }