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

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

WBOY
WBOY原創
2016-05-16 16:39:471957瀏覽

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

複製代碼
代碼如下:

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

即可實現所想要得到的溢位文字顯示省略號效果。
當然了你的頁面元素要設定固定的寬度,超出了寬度才會顯示。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn