什么是多行省略? 当字数多到一定程度就显示省略号点点点。最初只是简单的点点点,之后花样越来越多,点点点加下箭头,点点点加更多,点点点加更多加箭头…。多行省略就是大段文字后面的花式点点点。 同行这么做: Google Plus用透明到白色的渐变遮罩,渐变遮罩在文字超出的时候才显示,但无法挤出文字,且背景只能纯色,不理想。 豌豆荚则更简单粗暴换行显示,换行显示则文字未超出时依然显示 …xxx,更不理想! 我这样做: 在QQ浏览器的页面用了一个原创的mod-more UI组件,实现了定制的多行省略,还是纯CSS的,领先同…

2022年10月6日 0条评论 910点热度 0人点赞 帮助教程 阅读全文

一个多行省略需求 文字默认多行展示,当超过n行后,在第n行最后显示...更多,原有第三行...更多处的文字自动隐藏 简单有效line-clamp 首先的反应是-webkit-line-clamp,当只显示省略号,且在webkit内核的时候非常完美,css代码也相对容易理解: .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 经典总结 然而当要增加一个更多链接时就变得棘手了,-webki…

2022年10月1日 0条评论 865点热度 0人点赞 帮助教程 阅读全文