當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

vue webpack打包 -webkit-box-orient 失效

發布時間：2023/10/11 综合教程 86 老码农

生活随笔收集整理的這篇文章主要介紹了 vue webpack打包 -webkit-box-orient 失效小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一行省略

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis;

超出兩行省略

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

 -webkit-line-clamp: 2;

-webkit-box-orient: vertical;

在使用webpack打包時，由于webpack會添加上前綴兼容，可能某些css屬性失效。

解決方法：添加注釋

注意：在css sass stylue中注釋略有不同

//在scss中

         /*! autoprefixer: off */

         -webkit-box-orient: vertical;

          /* autoprefixer: on */

/* autoprefixer: off */

  -webkit-box-orient: vertical;

 /* autoprefixer: on */

以上是生活随笔為你收集整理的vue webpack打包 -webkit-box-orient 失效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。