如何將每個td元素的高度設置爲它的寬度？

Question

我有一個寬度爲100％的表格。它有七列平分寬度。我想要做的就是讓td元素的高度等於它的動態寬度。

任何想法？ jQuery是罰款

table { width: 100%;} 

Answer 1

你可以試試下面的代碼：

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

不過。它是用CSS來做的。因爲使用javascript重繪是昂貴的計算。

Answer 2

的Try ...

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