這篇文章主要介紹了css如何實(shí)現(xiàn)文字內(nèi)容若超出設(shè)定寬度則用省略號代替余下內(nèi)容,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
明水ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
css超出一定寬度用省略號...代替,如何實(shí)現(xiàn)呢?如下代碼:
.content .navleft .histiry>ul{ width: 200px; } .content .navleft .histiry>ul li{ margin-left: 10px; height: 20px; line-height: 20px; color: #999; font-size: 12px; cursor:pointer;/*鼠標(biāo)放上變小手*/ word-break:keep-all;/* 不換行 */ white-space:nowrap;/* 不換行 */ overflow:hidden;/* 內(nèi)容超出寬度時(shí)隱藏超出部分的內(nèi)容 */ text-overflow:ellipsis;/* 當(dāng)對象內(nèi)文本溢出時(shí)顯示省略標(biāo)記(...) ;需與overflow:hidden;一起使用。*/ }
注:最后4句代碼會(huì)把,ul li前面默認(rèn)的原點(diǎn)“?”變沒,我們可以自己用輸入法敲上一個(gè)?,或者用border-radius:50%實(shí)現(xiàn)。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css如何實(shí)現(xiàn)文字內(nèi)容若超出設(shè)定寬度則用省略號代替余下內(nèi)容內(nèi)容對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!