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

列印

先建立限制範圍內的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為單位,則可改成限制字數。即為超過一定的數字不顯示!