文本多行超出展示...失效之-webkit-box-orient: vertical属性编译丢失

今天同事遇到个问题，文本多行超出展示...在本地运行没问题，打包后发现功能失效了，于是我就开始实验，

对着浏览器查看属性，发现本来代码中写好的-webkit-box-orient属性在浏览器下丢失了。
经过一顿子猛操作，改成行内样式（可能只适用于我们的项目），就可以了。

然后重点来了，事后我搜索了一波，想了解下原因，事后！事后！发觉解决方法挺多的，我晕（太真实了）。有必要记录一下：
原因：autoprefixer自动移除老式过时的代码。

解决：将代码改成如下写法

方案1：

/* autoprefixer: ignore next */

-webkit-box-orient: vertical;

方案2：

/*! autoprefixer: off */

-webkit-box-orient: vertical;

/* autoprefixer: on */

方案3（针对webpack打包压缩编译css）：

const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')；
new OptimizeCSSPlugin({
　　cssProcessorOptions: {
　　　　safe: true, map: { inline: false },
　　　　autoprefixer: { remove: false } //添加对autoprefixer的配置

　　}
})

原因不同，方法不同，试就完事，如果你想，行内样式你也可以试试。