css ellipsis로 불가능한 다중 줄 구현하기(JS 필요)

문자열을 하나씩 추가하다가 사이즈가 넘치는 순간 문자 서너 개를 빼고 "..."을 넣어주면 된다!


#####예시 코드#####
var a=$([선택]);
var s=[문자열];
var size_height=[높이; 픽셀단위 숫자];
(function(){
for(var i=0;i!=s.length;i++){
a.html(s.substr(0,i+1));
if(a.height()>size_height){
a.html(s.substr(0,i-2)+"...");
return;
}
}
})();

#####적용 예시#####

text-overflow:ellipsis text-overflow:ellipsis text-overflow:ellipsis text-overflow:ellipsis text-overflow:ellipsis text-overflow:ellipsis

(function(){var a=$('#d2-4567835166850461613'); var s="JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용 JS 이용"; (function(){ for(var i=0;i!=s.length;i++){ a.html(s.substr(0,i+1)); if(a.height()>100){ a.html(s.substr(0,i-2)+"..."); return; } } })(); })();