課程
/前端開發(fā)
/HTML/CSS
/十天精通CSS3
不考慮邊框大小,只考慮文字超過多少就出現(xiàn)省略號(hào)省略后面內(nèi)容,這種光靠css是無法實(shí)現(xiàn)的吧
2022-06-01
源自:十天精通CSS3 4-1
正在回答
.line-limit-length {
????????? ? /* 1.文字不換行 */
????????????white-space: nowrap;
? ? ? ? ? ? /* 2.溢出的部分隱藏 */
? ? ? ? ? ? overflow: hidden;
? ? ? ? ? ? /* 3.文字溢出的時(shí)候用省略號(hào)來顯示 */
? ? ? ? ? ? text-overflow: ellipsis;
}
你可以補(bǔ)充一個(gè)width進(jìn)去,就可以控制超出文字就出現(xiàn)省略號(hào)
舉報(bào)
本課程為CSS3入門教程,深刻詳解CSS3知識(shí)讓網(wǎng)頁穿上絢麗裝備
3 回答想要在超過指定多行時(shí)才省略怎么弄??
3 回答如果我想實(shí)現(xiàn)能夠?yàn)g覽省略號(hào)后面的內(nèi)容該怎么辦呢?
3 回答多行的如何實(shí)現(xiàn)省略呢?
6 回答單行和多行溢出省略號(hào)
6 回答請(qǐng)教各位 ,我想查看省略號(hào)里的內(nèi)容要怎么設(shè)置呢?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2022-06-08
.line-limit-length {
????????? ? /* 1.文字不換行 */
????????????white-space: nowrap;
? ? ? ? ? ? /* 2.溢出的部分隱藏 */
? ? ? ? ? ? overflow: hidden;
? ? ? ? ? ? /* 3.文字溢出的時(shí)候用省略號(hào)來顯示 */
? ? ? ? ? ? text-overflow: ellipsis;
}
你可以補(bǔ)充一個(gè)width進(jìn)去,就可以控制超出文字就出現(xiàn)省略號(hào)