如何将每个td元素的高度设置为它的宽度？

Question

我有一张宽度为100％的桌子。它有七列，可以平均分配宽度。我想做的就是让td元素的高度等于它的动态宽度。

有什么想法吗？ jquery很好

table { width: 100%;}

Answer 1

您可以尝试以下代码：

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

但是。用CSS做这件事就好了。因为使用javascript重绘是一项昂贵的计算。

Answer 2

尝试......

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