网页文字默认显示固定行数,点击按钮显示全部怎么实现?
生活随笔
收集整理的這篇文章主要介紹了
网页文字默认显示固定行数,点击按钮显示全部怎么实现?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
方法很多很多,隨便說個jq的.比如line-height:24px;要固定顯示5行
我昨天剛寫了這種,你設置一個高度,然后overflow:hidden,動畫的話就用jquery的$(.類名).animate({height:"展開后的高度"},1000);
我的看法還是簡單的外部一個div為.outer設置overflow:hidden:固定好line-height和height內部設置一個div為.inner獲取.inner的高度點擊按鈕時讓外部div高度animate到內部div的高度就好了html:
css:
css
簡單的寫了下
我昨天剛寫了這種,你設置一個高度,然后overflow:hidden,動畫的話就用jquery的$(.類名).animate({height:"展開后的高度"},1000);
我的看法還是簡單的外部一個div為.outer設置overflow:hidden:固定好line-height和height內部設置一個div為.inner獲取.inner的高度點擊按鈕時讓外部div高度animate到內部div的高度就好了html:
css:
css
簡單的寫了下
總結
以上是生活随笔為你收集整理的网页文字默认显示固定行数,点击按钮显示全部怎么实现?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 魔兽世界烈焰菇采集地点在哪?
- 下一篇: 大家觉得华语乐坛谁的音色最好听!