今天同事遇到个问题，文本多行超出展示...在本地运行没问题，打包后发现功能失效了，于是我就开始实验，
对着浏览器查看属性，发现本来代码中写好的-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的配置
}
})
原因不同，方法不同，试就完事，如果你想，行内样式你也可以试试。