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*/ |
我这边生效了,你呢。。 试试
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 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 构建精确任务处理应用