在前段展現中,一個很常見的問題 就是多行文本溢出顯示「...」,再是對兼容性要求不算過高的時候 使用box佈局是一種很是實用的方法vue
.ellipsis-2{ overflow hidden text-overflow ellipsis display -webkit-box -webkit-line-clamp 2 -webkit-box-orient vertical }
可是 在vue項目中使用webpack打包以後,-webkit-box-orient vertical 這行代碼就自動消失了,webpack
這個時候,使用下面這種方式註釋 一下就可使用了web
.ellipsis-2{ overflow hidden text-overflow ellipsis display -webkit-box -webkit-line-clamp 2 /* ! autoprefixer: off */ -webkit-box-orient vertical /* autoprefixer: on */ }