HTML超出文本顯示省略號(hào)...通過(guò)text-overflow實(shí)現(xiàn)
發(fā)布時(shí)間:2013-09-06 18:43:25 作者:佚名
我要評(píng)論

HTML超出文本顯示省略號(hào)在一些新聞列表中還是比較常見(jiàn)的一種做法,其實(shí)很簡(jiǎn)單通過(guò)text-overflow便可實(shí)現(xiàn),有需要的朋友可以參考下本文
需要對(duì)div或者span同時(shí)應(yīng)用Css:
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可實(shí)現(xiàn)所想要得到的溢出文本顯示省略號(hào)效果。
當(dāng)然了你的頁(yè)面元素要設(shè)置固定的寬度,超出了寬度才會(huì)顯示。
復(fù)制代碼
代碼如下:text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
即可實(shí)現(xiàn)所想要得到的溢出文本顯示省略號(hào)效果。
當(dāng)然了你的頁(yè)面元素要設(shè)置固定的寬度,超出了寬度才會(huì)顯示。
相關(guān)文章
- 本文給大家分享html文本溢出顯示省略字符的兩種常用解決方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2018-04-09
規(guī)范HTML代碼可以節(jié)省修改代碼的時(shí)間
css技巧 清除多余的標(biāo)簽讓代碼更加有意義.2009-12-08html中把多余文字轉(zhuǎn)化為省略號(hào)的實(shí)現(xiàn)方法方法
這篇文章主要介紹了html中把多余文字轉(zhuǎn)化為省略號(hào)的實(shí)現(xiàn)方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-30