文本超出部分隱藏，總結(jié)兩種方法。
1、單行隱藏
html代碼
<div class="mi">當(dāng)文字超過(guò)范圍的時(shí)候，超出部分會(huì)隱藏起來(lái)。</div>
css代碼
.mi {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
2、多行隱藏
html代碼
<div class="mi">當(dāng)文字超過(guò)范圍的時(shí)候，超出部分會(huì)隱藏起來(lái)。可以設(shè)置第幾行開(kāi)始隱藏。</div>
css代碼
.mi {
width: 200px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持！
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。