文本超出部分隱藏,總結(jié)兩種方法。
1、單行隱藏
html代碼
<div class="mi">當文字超過范圍的時候,超出部分會隱藏起來。</div>
css代碼
.mi { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}2、多行隱藏
html代碼
<div class="mi">當文字超過范圍的時候,超出部分會隱藏起來??梢栽O置第幾行開始隱藏。</div>
css代碼
.mi { width: 200px; overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持VeVb武林網(wǎng)!
新聞熱點
疑難解答