HTML/CSS는 - 점

Question

와 단일 또는 여러 줄을 내가 첫 번째 줄의 끝이 점으로 대체이 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/