萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML超出文本顯示省略號...通過text-overflow實現

HTML超出文本顯示省略號...通過text-overflow實現

HTML超出文本顯示省略號在一些新聞列表中還是比較常見的一種做法,其實很簡單通過text-overflow便可實現,有需要的朋友可以參考下本文

 

需要對div或者span同時應用Css:

復制代碼 代碼如下:
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;


即可實現所想要得到的溢出文本顯示省略號效果。
當然了你的頁面元素要設置固定的寬度,超出了寬度才會顯示。

        :更多精彩教程請關注三聯網頁設計教程 欄目,

copyright © 萬盛學電腦網 all rights reserved