使用Taro框架寫多行省略的時候,發(fā)現(xiàn)不生效 树酪?浅碾??
想要的效果
實際效果续语,沒有省略
附上我們正常能在普通H5項目生效的css多行省略樣式
.desc {
width: 480px;
font-size: 20px;
line-height: 28px;
padding-top: 17px;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
這在普通項目是沒問題的垂谢,但是Taro框架編譯之后,我們發(fā)現(xiàn)瀏覽器上是沒有看到
-webkit-box-orient: vertical;
這句樣式的
最后去Taro社區(qū)查了一下 疮茄,果然有人碰到過這個問題
官方客服給出的解決方案是:
- 方法1:
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
- 方法2:
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
兩種方式都是加入css注釋強(qiáng)制聲明忽略下一行埂陆,防止被編譯過濾