在项目中要实现多行省略,会使用-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 }
 })
Logo

前往低代码交流专区

更多推荐