vue build 之后页面 -webkit-line-clamp: 2; -webkit-box-orient: vertical;失效不起作用

找到./build/webpack.prod.config.js 文件 找到下面的这段代码 注释掉 重新打包即可

// -webkit-line-clamp、-webkit-box-orient vue打包后不起作用 注释下面这段代码
    new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
    }),

或

  word-break: break-all; /* 数字英文自动换行*/
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  /*! autoprefixer: off */
  -webkit-box-orient:vertical;
  /* autoprefixer: on */

上面的注释 会在打包的时候把-webkit-box-orient:vertical 打包进去