文章詳情頁
angular.js - angular內(nèi)容過長展開收起效果
瀏覽:489日期:2024-10-20 17:39:36
問題描述
1.p中的內(nèi)容過長,當內(nèi)容過長,超過兩行的顯示時,出現(xiàn)一個【展示】標簽,展開之后內(nèi)容最后面出現(xiàn)【收起】標簽,類似于QQ空間發(fā)表的說說,長了顯示全文,完了還可以收起來的效果,我做的無法判斷內(nèi)容長度,而且一行中顯示的中英文字數(shù)是不等的,想有個效果完整的例子看看。
問題解答
回答1:我給個思路,html在文字后面加個inline-block(你的展開和關(guān)閉)。css設(shè)置固定高,超出后overflow:hidden。js判斷高度,超過后最外層加一個 class,這個 class控制你的展開和關(guān)閉,還有清除固定高和overflow:hidden。當然如果是響應(yīng)式得另外想辦法。
回答2:angular filter
回答3:使用line-height指定高度,通過這個高度來實現(xiàn)收起拉伸
相關(guān)文章:
1. javascript - Weex 安卓調(diào)試問題2. javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?3. mysql安裝出錯4. javascript - h5 video層級太高導(dǎo)致浮在div上面,如何解決?5. java - 多客戶端如何操作MQ比較合適6. python小白 想做一個能夠計算圓周率的代碼,不知道怎么寫7. javascript - 如何獲取未來元素的父元素在頁面中所有相同元素中是第幾個?8. javascript - 解釋下這種函數(shù)定義9. css - 如何讓圖片像雲(yún)一樣的行為?10. css - C#與java開發(fā)Windows程序哪個好?
排行榜

熱門標簽