当宽度为百分比时，如何将表格的高度与表格的宽度相匹配？

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()以及一些其他功能，这些功能在不同浏览器中可能更可靠......