1. 程式人生 > >用vue腳手架搭建的專案後期上線後-webkit-box-orient: vertical不顯示的問題

用vue腳手架搭建的專案後期上線後-webkit-box-orient: vertical不顯示的問題

目前這個問題我也是第一次碰到,也只是在vue打包專案上線的時候遇到的,其它地方暫時沒有實踐。

做頁面效果的時候,我們經常會遇到文字溢位用“...”代替的情況,下面這種樣式是我的程式碼(可能和你們的大同小異):這裡是最多顯示兩行,第二行溢位隱藏用“...”代替

這樣寫完之後在本地測試是完全OK的,但是npm run build之後就不顯示-webkit-box-orient: vertical了:

解決辦法其實很簡單,我大佬就叫我:在-webkit-box-orient: vertical;的上面加上/*! autoprefixer: off */,下面加上/* autoprefixer: on */就OK啦~

實踐一下這樣一加再打包上線就能把-webkit-box-orient: vertical顯示出來了。

目前只實踐用於我自己的這個情況,希望有類似情況的可以幫助解決問題。