您的位置:首頁技術文章
文章詳情頁

網頁文字默認顯示固定行數,點擊按鈕顯示全部怎么實現?

瀏覽:85日期:2024-06-10 10:12:18

問題描述

網頁文字默認顯示固定行數,點擊按鈕顯示全部怎么實現?

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

補充:需做的時一個列表樣式的,由于內容不實固定的,是后臺傳入的,有些內容多,有些內容少,所以沒有辦法設置一個固定的高度

問題解答

回答1:

設置固定高,overflow:hidden,點擊時候逐漸增加高度到全部顯示,不知道行不行

国产综合久久一区二区三区