모든 td 요소의 높이를 너비에 어떻게 설정합니까?

Question

너비가 100 % 인 테이블이 있습니다. 폭을 똑같이 나눌 수있는 7 개의 기둥이 있습니다. 내가 원하는 것은 td 요소의 높이를 동적 폭과 같게 만드는 것입니다.

아이디어가 있으십니까?

$(window).resize(function() { 
    $('table>tr').height($('table>td').width()); 
}); 

그러나 : JQuery와는

table { width: 100%;} 

Answer 1

당신은 다음 코드를 시도 할 수 있습니다 괜찮습니다. 그것은 CSS와 함께하는 배터입니다. 자바 스크립트를 사용하여 다시 그리기는 값 비싼 계산이므로

Answer 2

시도 ...

var w = $("table td").width() + "px"; 
$("table td").css({ height: w });