Как сопоставить высоту таблицы с шириной таблицы, если ширина указана в процентах?

Question

Я создаю таблицу в формате html, в которой я определил ширину, равную определенному% страницы, но хотел бы, чтобы получающиеся в результате пробелы образовывали квадрат. Так что, если я поставил ширину до 25%, как показано ниже:

<td width="25%" height="XX"></td>

Как мне получить высоту, соответствующую ширине?

Например, если браузер открыт с шириной 1000 пикселей, столбец будет 250 пикселей, и я хочу, чтобы высота также составляла 250 пикселей.

Answer 1

В «чистом» HTML / CSS вы не можете.

Единственное, что вы можете сделать, это использовать Javascript, получить ширину таблицы и установить высоту на тот же уровень.

Простой метод может быть следующим:

var e = document.getElementById('MYID');
e.height = e.style.width + 'px';

Это может быть не совсем надежно для всех браузеров, хотя ... Jquery предоставляет height(), outerHeight() и кучу других функций, которые могут быть более надежными во всехразные браузеры ...