css 超过2行 省略，...的形式展示的问题

1 可能都知道要用下面的属性

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

　但是 在react或者vue里面可能会失效。

试一试 这样 

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

　　我这边生效了，你呢。。 试试

转载于:https://www.cnblogs.com/lisiyang/p/11429797.html