VUE项目在本地运行样式没有问题，上线后发现样式没有生效，在浏览器调试模式下，发现-webkit-box-orient: vertical;属性没了。

.xx{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

定位问题

webpack打包时autoprefixer自动移除老式过时的代码，https://github.com/postcss/autoprefixer/issues/776。

解决方法

.xx{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
}

补充方法：

将打包OptimizeCSSPlugin配置添加autoprefixer:{remove: false}。

//文件： build/webpack.prod.conf.js或者build/webpack.build.conf.js
new OptimizeCSSPlugin({
    cssProcessorOptions: config.build.productionSourceMap ?
        { safe: true, map: { inline: false }, autoprefixer:{remove: false} } :
        { safe: true }
}),

参考：https://www.npmjs.com/package/autoprefixer