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

2016-10-13 17:06发布

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

友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
16条回答

我的看法还是简单的外部一个div为.outer设置
overflow:hidden:
固定好line-height和height
内部设置一个div为.inner
获取.inner的高度
点击按钮时让外部div高度animate到内部div的高度就好了
html:

一周热门 更多>