如何實(shí)現(xiàn)隱藏多余的字用省略號(hào)代替
來源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 18:50:05
如何實(shí)現(xiàn)隱藏多余的字用省略號(hào)代替
如何實(shí)現(xiàn)隱藏多余的字用省略號(hào)代替:在前端經(jīng)常會(huì)遇到類似的效果。 比如圖中的風(fēng)花雪月與古鎮(zhèn)火山-.....后面....就是一段文字顯示不下的時(shí)候默認(rèn)隱藏然后用…來代替。 只需要給元素加上以下3個(gè)css屬性就可以實(shí)現(xiàn)了。 overflow: hidden;//多余的隱藏 text-overflow:el
導(dǎo)讀如何實(shí)現(xiàn)隱藏多余的字用省略號(hào)代替:在前端經(jīng)常會(huì)遇到類似的效果。 比如圖中的風(fēng)花雪月與古鎮(zhèn)火山-.....后面....就是一段文字顯示不下的時(shí)候默認(rèn)隱藏然后用…來代替。 只需要給元素加上以下3個(gè)css屬性就可以實(shí)現(xiàn)了。 overflow: hidden;//多余的隱藏 text-overflow:el
在前端經(jīng)常會(huì)遇到類似的效果。 比如圖中的“風(fēng)花雪月與古鎮(zhèn)火山-.....”后面“....”就是一段文字顯示不下的時(shí)候默認(rèn)隱藏然后用…來代替。
只需要給元素加上以下3個(gè)css屬性就可以實(shí)現(xiàn)了。
overflow: hidden;//多余的隱藏
text-overflow:ellipsis;//多出來的用省略號(hào)代替
white-space: nowrap;//不換行
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
如何實(shí)現(xiàn)隱藏多余的字用省略號(hào)代替
如何實(shí)現(xiàn)隱藏多余的字用省略號(hào)代替:在前端經(jīng)常會(huì)遇到類似的效果。 比如圖中的風(fēng)花雪月與古鎮(zhèn)火山-.....后面....就是一段文字顯示不下的時(shí)候默認(rèn)隱藏然后用…來代替。 只需要給元素加上以下3個(gè)css屬性就可以實(shí)現(xiàn)了。 overflow: hidden;//多余的隱藏 text-overflow:el
