vue项目中关于CSS样式-webkit-box-orient: vertical丢失问题
-webkit-box-orient: vertical丢失
·
换行多行后缩略溢出内容（此下面此例子为两行）
如下图，在后台样式可见样式-webkit-box-orient: vertical丢失了；
解决方案：需要改成这样
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
即可生效，如下图：
“/* autoprefixer: off */” 是解决防止 autoprefixer 插件删掉 -webkit-box-orient: vertical 属性的。但是会报会报 Warning:Autoprefixer applies control comment to whole block, not to next rules.
解决方案：
/* autoprefixer: ignore next */ -webkit-box-orient: vertical;
意思是让单行(而不是块)的规则需要用 autoprefixer: ignore next
参考链接：Autoprefixer applies control comment to whole block, not to next rules_FE-阿阳的博客-CSDN博客
针对CSS样式-webkit-box-orient: vertical丢失问题还有一种简单粗暴的方法：
直接在vue文件添加内联样式-webkit-box-orient: vertical
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)