文本超出部分隱藏，總結(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í)也希望多多支持錯(cuò)新站長站！
新聞熱點(diǎn)
疑難解答
圖片精選
