技术栈

div输入框的文字超过指定行数用省略号表示css

刚刚好ā2023-08-21 20:58

实现效果:超过四行用省略号表示

实现方法:

复制代码
.text{
        overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4; // 自定义行数
		-webkit-box-orient: vertical;
}
上一篇:基于Rust的QuickLZ压缩算法的详细实现与分析
下一篇:深入探讨 Oxigen:Rust 实现的并行遗传算法框
相关推荐
kidding723
16 小时前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架
道友可好
16 小时前
Claude Code 泄露源码里的 89 个秘密
前端·人工智能·后端
你怎么知道我是队长
16 小时前
html的注释写法
html
Tian_Hang
16 小时前
Eclipse Ditto 的权限策略
java·服务器·前端·网络·ide·ubuntu·eclipse
叩码以求索
16 小时前
经典算法实例分析:写字符串需要的行数
开发语言·javascript·ecmascript
lichenyang453
17 小时前
从 0 新增一个 `has.echo`:我如何理解小程序容器里的 API 调用链路
前端
leptune
17 小时前
Mac 使用 Microsoft Word 批量将 DOCX 转 PDF(保持原排版)
前端
大龄秃头程序员
17 小时前
Flutter 长列表 1 万条滑动卡顿治理:Baseline vs Optimized 可跑 Demo
前端
yingyima
17 小时前
Git 核心命令速查:掌握底层原理与实战技巧
前端
黄林晴
17 小时前
Kuikly 是什么?和KMP有什么关系?
android·前端
热门推荐
01GitHub 镜像站点022026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf03AI科技热点日报 | 2026年07月01日04【AI】2026 年具身智能模型和世界模型总结052026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?062026 年 AI 大模型 & AI 编程工具实战全总结072026 AI 编程工具选型横评:Cursor / Claude Code / Trae / Copilot 到底选谁(建议收藏·避坑版)08Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费092026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?102026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?