您的位置:首页技术文章
文章详情页

网页文字默认显示固定行数,点击按钮显示全部怎么实现?

【字号: 日期:2024-06-10 10:12:18浏览:20作者:猪猪
导读:问题描述上图所示,默认显示固定行数,点击箭头显示全部内容,目前是使用-webkit-line-clamp实现,但是过渡的时候没有动画效果,大家有什么别的方法吗?补充:需做的时一个列表样式的,由于内容不实固定的,是后台传入的,有些内容多,有些内容少,所以没有办法设置一个固定的高度问题解答回答1:设置固...

问题描述

网页文字默认显示固定行数,点击按钮显示全部怎么实现?

上图所示,默认显示固定行数,点击箭头显示全部内容,目前是使用 -webkit-line-clamp 实现,但是过渡的时候没有动画效果,大家有什么别的方法吗?

补充:需做的时一个列表样式的,由于内容不实固定的,是后台传入的,有些内容多,有些内容少,所以没有办法设置一个固定的高度

问题解答

回答1:

设置固定高,overflow:hidden,点击时候逐渐增加高度到全部显示,不知道行不行