vue运行,打包项目后css中使用的-webkit-line-clamp: 2这个属性不生效
在项目中要实现多行省略,会使用-webkit-line-clamp这个属性,-webkit-line-clamp: 2;代码如下p{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflo...
·
在项目中要实现多行省略,会使用-webkit-line-clamp这个属性,-webkit-line-clamp: 2;代码如下
p{
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
找到./build/webpack.prod.config.js 文件 找到下面的这段代码 注释掉 重新运行或打包即可;
new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true } })
更多推荐
已为社区贡献3条内容
所有评论(0)