You are here: 首頁 CSS語法專區 使用CSS超過長度不顯示,以…(省略號)代替文字限制

飛朵啦學習手札

本網站建議使用Firefox2.0以上,或是使用Goole瀏覽器來瀏覽,並使用1024x768解析度來觀看.

使用CSS超過長度不顯示,以…(省略號)代替文字限制

E-mail 列印 PDF

先建立限制範圍內的div寬高

加入white-space: nowrap; \\使這段文字強制不斷行,因為我們只需要一行而不因為div的寬度限制換行

加入overflow:hidden; \\使超出div寬度的範圍後隱藏

加入text-overflow:ellipsis; \\讓文字超出範圍後可以呈現...

以下為css

p{

height:18px;
line-height:18px;
width:100px;
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;

}

將寬度的px換成em為單位,則可改成限制字數。即為超過一定的數字不顯示!

 
 

新增回應


驗證碼
更新