HTML/CSS - 用點

Question

更換單個或多個線I創建此的jsfiddle，其中第一行的末尾被替換爲點：

http://jsfiddle.net/U8DmL/4/

代碼：

div#container { 
    font-size:14px; 
    line-height:14px; 
    width:140px; 
    height:100px; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
} 

但如果我想顯示兩行或更多行文字，該怎麼辦？

並用末尾的點替換第二行？

有人有想法嗎？ （可能與HTML/CSS或jQuery的？）

Answer 1

我使用jQuery

看看是否有幫助

$(function(){ 
var content = $("#container").html(); 
if((content.length > 50)) { 

$("#container").html(content.substring(0,50) + "...") 
} 

}）

http://jsfiddle.net/U8DmL/6/