一直以来,多行文本截断一直是一个不那么好解决的问题,通常有两种思路:
shear.js 的原理是使用 Selection API 根据实际可视内容创建选区,以此来进行截断,这就直接规避了同类工具的所有缺点,效果与-webkit-line-clamp 完全相同,并且可以保留元素内的所有节点。
下面是几个示例
截断前
截断后
截断前
截断后
Github: https://github.com/zhengrenzhe/shear.js 欢迎 star | fork | issue
混了这么久 v2,还是第一次发分享创造的内容,惭愧惭愧,感谢支持!
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.