zhengrenzhe's blog   About

多行文本截断的新思路:shear.js

一直以来,多行文本截断一直是一个不那么好解决的问题,通常有两种思路:

shear.js 的原理是使用 Selection API 根据实际可视内容创建选区,以此来进行截断,这就直接规避了同类工具的所有缺点,效果与-webkit-line-clamp 完全相同,并且可以保留元素内的所有节点

下面是几个示例

截断前

截断后

截断前

截断后

详见Codepen.io

Github: https://github.com/zhengrenzhe/shear.js

欢迎 star | fork | issue

← 回溯法  Rust 中的表达式与语句 →