在前段展示中，一個(gè)很常見的問題 就是多行文本溢出顯示“...”,再是對(duì)兼容性要求不算太高的時(shí)候 使用box布局是一種非常實(shí)用的方法

.ellipsis-2{overflow hiddentext-overflow ellipsisdisplay -webkit-box-webkit-line-clamp 2-webkit-box-orient vertical }

但是 在vue項(xiàng)目中使用webpack打包之后，-webkit-box-orient vertical 這行代碼就自動(dòng)消失了，

這個(gè)時(shí)候，使用下面這種方式注釋 一下就可以使用了

.ellipsis-2{overflow hiddentext-overflow ellipsisdisplay -webkit-box-webkit-line-clamp 2/* ! autoprefixer: off */-webkit-box-orient vertical/* autoprefixer: on */ }

轉(zhuǎn)載于:https://www.cnblogs.com/decayedTooth/p/10021198.html

總結(jié)

以上是生活随笔為你收集整理的解决webpack打包后-webkit-box-orient: vertical ;消失问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。