上圖所示，默認(rèn)顯示固定行數(shù)，點(diǎn)擊箭頭顯示全部?jī)?nèi)容，
目前是使用 -webkit-line-clamp 實(shí)現(xiàn)，但是過(guò)渡的時(shí)候沒(méi)有動(dòng)畫(huà)效果，大家<愛(ài)尬聊_知識(shí)大全>有什么別的方法嗎？

---

小夾心 22小時(shí)前

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

---

左邊安寧 22小時(shí)前

我昨天剛寫(xiě)了這種，你設(shè)置一個(gè)高度，然后overflow：hidden，動(dòng)畫(huà)的話就用jquery的$(.類名).animate({height:"展開(kāi)后的高度"},1000);

---

月殤魂飄過(guò)的浮云過(guò)度的頹廢窩心 22小時(shí)前

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

---

ldy2311 22小時(shí)前

css:

---

學(xué)不乖坐看云海把昨日還給我前世 22小時(shí)前

css

---

氣質(zhì)少女_001 22小時(shí)前

簡(jiǎn)單的寫(xiě)了下

---