超出部分隐藏问题
2018-04-25 本文已影响0人
夭桃_dd0a
css问题:
在做项目的时候,我们经常会需要设置超出部分省略,可是这里面有一些问题,大家知道吗?
单行超出部分隐藏:

多行超出:

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

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