用vue脚手架搭建的项目后期上线后webkit-box-orient: vertical不显示的问题

原创 Fly丶 随笔 vue专题 84阅读 2018-10-11 21:15:07 举报

目前这个问题我也是第一次碰到,也只是在vue打包项目上线的时候遇到的,其它地方暂时没有实践。

做页面效果的时候,我们经常会遇到文本溢出用“...”代替的情况,下面这种样式是我的代码(可能和你们的大同小异):这里是最多显示两行,第二行溢出隐藏用“...”代替

这样写完之后在本地测试是完全OK的,但是npm run build之后就不显示-webkit-box-orient: vertical了:

解决办法其实很简单,我大佬就叫我:在-webkit-box-orient: vertical;的上面加上/! autoprefixer: off /,下面加上/ autoprefixer: on /就OK啦~

实践一下这样一加再打包上线就能把-webkit-box-orient: vertical显示出来了。

目前只实践用于我自己的这个情况,希望有类似情况的可以帮助解决问题。
如果你觉得不错,或者发现文章中的错误,或者有更好的建议,欢迎评论或进前端全栈群:866109386,来交流讨论吹水。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复