JS : 텍스트가 컨테이너 너비를 초과하는지 확인하십시오.

Question

innerHTML 또는 텍스트가 컨테이너에서 잘리는 특정 픽셀 수 이내에 있는지 감지하는 js 또는 jQuery 함수가 있습니까?

페이지에서 수백 개의 요소에 대해이 작업을 수행해야하므로 성능이 약간 중요합니다. (

<td class="cell"> 
    12,3423 
</td> 

.cell { 
    width: 20px; 
} 

Answer 1

그것은 가능한 중복 될 수있는이

$.fn.textWidth = function(){ 
    var html_org = $(this).html(); 
    var html_calc = '<span>' + html_org + '</span>'; 
    $(this).html(html_calc); 
    var width = $(this).find('span:first').width(); 
    $(this).html(html_org); 
    return width; 
}; 

$(function(){ 
    alert($('.cell').textWidth());  
}); 

바이올린 http://jsfiddle.net/Hpyay/

을 시도 을 : -

예는이 <td>의 텍스트 폭을 초과 5px 내에 있는지 확인 위의 코드는입니다.)은 Calculating text width

입니다.

Answer 2

당신은 당신이 그 요소의 너비/높이

<td><p>text...</p></td> 

이 $("td>p").width()

에서 계산을 얻을 수 (P 어떤 DIV를) 뭔가 포장 할 필요가 있지만, 텍스트 전용 또는 이미지 (A max-width:100%와 함께라면) 포장하지 않는 한 ...