躲在DIV額外內容與以下點

Question

我需要從我下面的DIV元素點（...）

隱藏多餘的文字我米使用

<div style="width:200px; height:2em; line-height:2em; overflow:hidden;" id="box"> 
this is text this is text this is text this is text 
</div> 

結果
它隱藏了其餘的內容溢出DIV
但我想，如果它必須隱藏然後三個點...應該放在其他年底不

輸出需要
這是文字這是文字，這是德...

Answer 1

下面是一個使用可能的解決方案text-overflow:ellipsis：

http://jsfiddle.net/FXHA3/

.ellipsis { 
    width:200px; 
    height:2em; 
    line-height:2em; 
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
} 

Answer 2

你要找的是所謂省略號

這裏有一個例如它的使用方式：

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

Answer 3

您可以使用一個簡單的JavaScript爲，especiall Ÿ當你使用jQuery：

jQuery('#box').html(jQuery('#box').html().substr(0,30) + '...'); 

這將顯示前30個字符和3點