Taro多行文本省略不生效

使用Taro框架編譯成小程序發現多行省略不生效。。。

多行文本省略：

.textHide {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;    
  text-overflow: ellipsis;
  overflow: hidden;
}

經過Taro編輯後小程序端少了 -webkit-box-orient: vertical; 這條樣式屬性

應該是樣式css被編譯後某些樣式會被過濾掉

解決方法 

• 方法1：

/* autoprefixer: ignore next */
-webkit-box-orient: vertical;

• 方法2：

/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */

• 方法3：

<View 
    style={{
        display: '-webkit-box',
        '-webkit-box-orient': 'vertical',
        '-webkit-line-clamp': 2,
        'text-overflow': 'ellipsis',
        overflow: 'hidden',
        'line-height': 2
    }}
>
    這是要省略的內容這是要省略的內容這是要省略的內容
</View>

方法1和方法2是加入css註釋強制聲明忽略下一行，防止被編輯過濾

方法3是直接寫成行內樣式