用vue脚手架搭建的项目后期上线后-webkit-box-orient: vertical不显示的问题
发布在前端全栈2018年10月11日view:27Node-Webkitvue
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

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

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

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

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

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

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

评论
发表评论
暂无评论
PUBLISHED IN
前端全栈

不定时推送有价值,干货的前端文章

我的收藏