vue项目中关于CSS样式-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