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

Posted lisiyang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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*/ 

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

以上是关于css 超过2行 省略,...的形式展示的问题的主要内容,如果未能解决你的问题,请参考以下文章

标签内显示文字超过行宽度显示省略号

css超过两行省略样式不生效

CSS设置超过两行或者单行显示...

css设置超过固定长度以省略号显示

带有省略号的 ReactJS 多行文本区域

Android中的TextView超过指定行数(n)显示省略号