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

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