上圖所示，默認顯示固定行數，點擊箭頭顯示全部內容，
目前是使用 -webkit-line-clamp 實現，但是過渡的時候沒有動畫效果，大家<愛尬聊_知識大全>有什么別的方法嗎？

---

小夾心 22小時前

方法很多很多,隨便說個jq的.比如line-height:24px;要固定顯示5行

---

左邊安寧 22小時前

我昨天剛寫了這種，你設置一個高度，然后overflow：hidden，動畫的話就用jquery的$(.類名).animate({height:"展開后的高度"},1000);

---

月殤魂飄過的浮云過度的頹廢窩心 22小時前

我的看法還是簡單的外部一個div為.outer設置overflow:hidden:固定好line-height和height內部設置一個div為.inner獲取.inner的高度點擊按鈕時讓外部div高度animate到內部div的高度就好了html:

---

ldy2311 22小時前

css:

---

學不乖坐看云海把昨日還給我前世 22小時前

css

---

氣質少女_001 22小時前

簡單的寫了下

---