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