Как установить высоту каждого элемента 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 });