# 2018.08.21

在 React 项目中遇到了处理「多行文字溢出显示省略号」:

span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

按道理是起作用的,结果发现 -webkit-box-orient: vertical; 并没有被 webpack 编译进去。

这时候需要添加下面语句,改成:

span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
}

或者注释掉 webpack.prod.conf.js 中下面的代码

new OptimizeCSSPlugin({
  cssProcessorOptions: config.build.productionSourceMap
    ? { safe: true, map: { inline: false } }
    : { safe: true }
}),

# 参考资料

javascript - webpck是不是不能编译这个属性-webkit-box-orient: vertical - SegmentFault 思否

上次更新: 2018/12/27下午12:53:48