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