넘치는 일을 감지하는 방법은 무엇입니까?

Question

div에 포함 할 수있는 것보다 많은 콘텐츠가 있습니다.

볼 수있는 것처럼 보이지 않거나 '하프 컷'된 텍스트를 모두 숨기려고합니다.

또한 마지막으로 눈에 띄는 문장이나 주어진 문자 수를 숨기고 텍스트의 보이는 부분 끝 부분에 '읽음'을 붙여야합니다.

두 번째 부분은 더 쉽습니다. 나는 첫번째 부분을 다루는 방법에 대해 잘 모른다.

Answer 1

당신은 CSS를 사용할 수 있습니다.

브라우저 지원 : http://caniuse.com/#search=ellipsis

.ellipsis { 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    -o-text-overflow: ellipsis; 
} 

또는이 작업을 수행 할 jQuery 플러그인을 사용합니다.

Answer 2

다음 코드를 도움이 될 수

function isOverFlow(id){ 
    var elem = document.getElementById(id) 
    if(elem.scrollWidth - jQuery(elem).width() > 0){ 
     return true; 
    } 
    return false; 
}