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

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

1
2
3
4
5
6
7
{
    overflow: hidden;
    text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp:2;
      -webkit-box-orient: vertical;
}

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

试一试 这样 

1
2
3
4
5
6
7
  overflow: hidden;
    text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp:2;
/* !autoprefixer: off */   
-webkit-box-orient: vertical;
/* !autoprefixer: on*/

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

posted @   饭饭大人  阅读(513)  评论(0编辑  收藏  举报
编辑推荐:
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
阅读排行:
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用
点击右上角即可分享
微信分享提示