首頁 > web前端 > html教學 > HTML超出文字顯示省略號...透過text-overflow實現_HTML/Xhtml_網頁製作

HTML超出文字顯示省略號...透過text-overflow實現_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:39:47
原創
1956 人瀏覽過

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

複製代碼
代碼如下:

text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;

即可實現所想要得到的溢位文字顯示省略號效果。
當然了你的頁面元素要設定固定的寬度,超出了寬度才會顯示。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板