JAVA高级面试进阶训练营视频教程

admin

在前段展示中，一个很常见的问题 就是多行文本溢出显示“...”,再是对兼容性要求不算太高的时候 使用box布局是一种非常实用的方法

.ellipsis-2{
  overflow hidden
  text-overflow ellipsis
  display -webkit-box
  -webkit-line-clamp 2
  -webkit-box-orient vertical
}
  

但是 在vue项目中使用webpack打包之后，-webkit-box-orient vertical 这行代码就自动消失了，

这个时候，使用下面这种方式注释 一下就可以使用了

.ellipsis-2{
  overflow hidden
  text-overflow ellipsis
  display -webkit-box
  -webkit-line-clamp 2
  /* ! autoprefixer: off */
  -webkit-box-orient vertical
  /* autoprefixer: on */
}