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