-webkit-box-clamp失效和-webkit-box-orient:vertical被过滤

在使用-webkit-box-clamp:2一直失效

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

网上也找了解决方法，但是没有用。最后发现控制台少了-webkit-box-orient: vertical;被过滤掉了

找了一下解决方案，参考：https://blog.csdn.net/Candy_home/article/details/79646655

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

修改之后，想要的两行显示效果出来了。搞定了。