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

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

---

小夹心 优艾设计网_Photoshop论坛19小时前

方法很多很多,随便说个jq的.比如line-height:24px;要固定显示5行

---

左边安宁 19小时前

我昨天刚写优艾设计网_Photoshop问答了这种，你设置一个高度，然后overflow：hidden，动画的话就用jquery的$(.类名).animate({height:"展开后的高度"},1000);

---

月殇魂飘过的浮云过度的颓废窝心 19小时前

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

---

ldy2311 19小时前

优艾设计网_设计LOGO

css:

---

学不乖坐看云海把昨日还给我前世 优艾设计网_设计模板 19小时前

css

---

气质少女_001 优艾设计网_PS问答 19小时前

简单的写了下

---