超出部分隐藏问题

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


image.png

多行超出:


image.png

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

这样就可以解决了,隐藏掉的话,就不会压缩css样式。小的项目应该也没有太大的问题。
希望可以帮助到大家~ ~ ~
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,846评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,130评论 25 709
  • 行香子.茶(词林正韵) 雀舌初生,梅尽花残。翠碧玉、漫遍荒山。提篮佳丽,桃面堪叹。闻风声轻,歌声脆,语声绵。客临煮...
    南风窗A阅读 242评论 0 1
  • 已记不清多久没有拿起过笔,竟然也会提笔忘字,还是更喜欢写在纸上的字比键盘敲出来的更加有感觉,时光如流水般飞逝,转眼...
    脑洞大开的小屁孩阅读 832评论 0 3
  • 想要一个这样的家, 门前开满了我喜欢的花。 你做过这样的梦吗? 阳光洒满眼前的路,十里望过,都是花香。 花在枝头,...
    一念生活馆阅读 557评论 0 1