文本超出部分隱藏,總結兩種方法。
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;}
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網!
新聞熱點
疑難解答