ellipsis - 近期更新 - 第1页

导读：近期更新了《ellipsis》的相关内容，包括《CSS怎么隐藏文本超出部分？三种常用截断方案详解》、《如何移除链接末尾的省略号（...）》、《多行文本进行截断有哪些实用的奇淫巧技》等内容。如果 ellipsis 对你有帮助，请转发和分享。知识越分享越有价值，感谢你的每一次传递。

CSS怎么隐藏文本超出部分？三种常用截断方案详解

单行标题过长把布局撑乱，或者卡片描述堆满三行还停不下来，这类排版问题在前端界面里十分常见。单纯给容器加固定高度并不能让多余文字消失，浏览器默认会把内容顶出去。CSS提供了几种可控的隐藏机制：white-space、overflow与text-overflow组合能实现末尾省略号；基于-webkit-lin...

栏目：HTML/CSS 时间：08-04 css 文本溢出 ellipsis

如何移除链接末尾的省略号（...）

在网页开发中，我们经常会遇到链接文字因为容器宽度限制而被截断，末尾自动显示省略号的情况。很多用户希望移除链接末尾的省略号，让内容完整展示或自行控制显示效果。造成省略号的原因通常是使用了CSS的text-overflow、white-space和overflow属性组合。要移除省略号，可以从调...

栏目：HTML/CSS 时间：07-25 css text-overflow white-space ellipsis JavaScript

多行文本进行截断有哪些实用的奇淫巧技

在前端开发中，多行文本截断是常见需求，很多开发者不知道除了基础CSS方案外还有更多实用技巧。本文会介绍纯CSS实现多行截断的方法，也会讲解当CSS方案不满足需求时，如何用JavaScript实现更灵活的截断逻辑。同时会对比不同方案的适用场景和优缺点，帮助开发者根据实际项目需求选...

栏目：HTML/CSS 时间：06-20 CSS多行截断 webkit_line_clamp JavaScript文本截断 ellipsis