在前段展示中,一个很常见的问题 就是多行文本溢出显示“...”,再是对兼容性要求不算太高的时候 使用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 */ }