在vue项目中如果我们使用-webkit-box-orient: vertical这个样式的话，在webpack打包过程中会被自动过滤掉，从而使多行文本溢出显示省略号失效
解决方法如下：
（1）方法一：加上绿色注释，跳过webpack的css打包
.word-overflow-3{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
/*! autoprefixer: off */
-webkit-box-orient:vertical;
/*! autoprefixer: on */
-webkit-line-clamp:3;
}
（2）方法二：
1.找到配置文件/build/webpack.prod.conf.js文件，注释掉一下代码
new OptimizeCSSPlugin({
cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true }
}),
2.在/build/utils.js文件里加上 minimize:true
const cssLoader = {
loader: 'css-loader',
options: {
sourceMap: options.sourceMap,
minimize:true //加上这行
}
二手闲置小程序 免费信息发布系统功能源码（小程序+php后台管理）
https://blog.csdn.net/MPQ1314/article/details/87162363
电商商城小程序 小程序+php后台管理系统功能源码
