上圖所示，默認(rèn)顯示固定行數(shù)，點(diǎn)擊箭頭顯示全部?jī)?nèi)容，
目前是使用 -webkit-line-clamp 實(shí)現(xiàn)，但是過渡的時(shí)候沒有動(dòng)畫效果，大家有什么別的方法嗎？
方法很多很多,隨便說個(gè)jq的.比如line-height:24px;要固定顯示5行
我昨天剛寫了這種，你設(shè)置一個(gè)高度，然后overflow：hidden，動(dòng)畫的話就用jquery的$(.類名).animate({height:"展開后的高度"},1000);
我的看法還是簡(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:
css:
css
簡(jiǎn)單的寫了下
加載中...
