vue中打包後出現css中文本超出部分隱藏顯示省略號失效

一般使用下面這段css代碼來讓文字超出範圍隱藏並顯示省略號：

  	overflow: hidden;    /*超出的文本隱藏*/
	text-overflow: ellipsis;    /* 溢出用省略號*/
	display: -webkit-box;    /*作爲彈性伸縮盒子模型顯示*/
	-webkit-line-clamp: 1;   /*顯示的行數；如果要設置2行加...則設置爲2*/
	-webkit-box-orient: vertical;   /*伸縮盒子的子元素排列：從上到下*/

本地運行的時候是沒有問題的，但是build之後發現失效了；發現是 -webkit-box-orient: vertical; 沒有起效。

解決方案：

	display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden; 
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */

以上是本章全部內容