第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

關(guān)于多行溢出文本變成“...”這個(gè)簡單的問題

關(guān)于多行溢出文本變成“...”這個(gè)簡單的問題

紅顏莎娜 2018-10-12 09:11:24
跪求解答我的疑惑;1.比方說新聞資訊,超出的文本用“...”代替;我以前的解決方案是文本用p包裹,這個(gè)p外面放一個(gè)固定高度的div,當(dāng)p超過這個(gè)div時(shí),替換溢出的文本為‘...’;2.今天忽然發(fā)現(xiàn)如果新聞內(nèi)容如果是拿富文本編輯的話,這個(gè)方法也就失靈了;那么 用.text()獲取文本,然后截取規(guī)定字?jǐn)?shù)的文本然后+‘...’這種方法合適,還是有其他的方法,比較懵逼。不好意思,問題沒寫清楚時(shí)間長了我都忘了為什么我一直沒用過text-overflow:ellipsis;因?yàn)橐话愣际嵌嘈形谋?
查看完整描述

1 回答

?
烙印99

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超13個(gè)贊

單行文本可以用text-overflow,多行文本的話還是用js吧
用js的話,一個(gè)思路是截取固定字?jǐn)?shù)的文本加上...,但是這樣如果出現(xiàn)數(shù)字英文中文混雜的,可能出現(xiàn)長度不夠,另一個(gè)思路就是div高度固定并且overflow:hidden,js判斷長度,然后加上一個(gè)class,用偽元素模擬...然后定位到最后遮蓋住最后的幾個(gè)字,因?yàn)橛锌赡軙?huì)把一個(gè)字遮擋掉一部分,所以最好用半透明的圖來做...,當(dāng)然這種做法也很惡心

查看完整回答
反對(duì) 回復(fù) 2018-11-06
  • 1 回答
  • 0 關(guān)注
  • 604 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)