HTML超出文本顯示省略號(hào)...通過(guò)text-overflow實(shí)現(xiàn)

字號(hào):


    HTML超出文本顯示省略號(hào)在一些新聞列表中還是比較常見的一種做法,其實(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ì)顯示。