多行省略,可以使用-webkit-line-clamp属性,打包后却失效了
.htcon {
margin-top: 5px;
font-size: 13px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
找到./build/webpack.prod.config.js 文件 注释掉已下代码,即可解决
new OptimizeCSSPlugin({
cssProcessorOptions: config.build.productionSourceMap
? { safe: true, map: { inline: false } }
: { safe: true }
})