解决webpack打包后-webkit-box-orient: vertical ;消失问题

时间 2019-11-18

标签解决 webpack 打包 webkit box orient vertical 消失问题繁體版

原文原文链接

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

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

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

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

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