超出部分隐藏问题

css问题:
在做项目的时候,我们经常会需要设置超出部分省略,可是这里面有一些问题,大家知道吗?
单行超出部分隐藏:


image.png

多行超出:


image.png

没错,就是这个问题,-webkit-line-clamp: 2;可以控制行数,-webkit-box-orient: vertical;这个方法不被兼容,除了用js方法,我们还可以这样做:找到webpack.prod.conf.js文件,注释掉如下:
image.png

这样就可以解决了,隐藏掉的话,就不会压缩css样式。小的项目应该也没有太大的问题。
希望可以帮助到大家~ ~ ~

你可能感兴趣的:(超出部分隐藏问题)