Html 如何使用CSS将引导中表格的高度设置为宽度值？

我有一个表，使用引导CSS设计。我需要将高度设置为桌子宽度的值。在引导中，可以根据设备更改宽度。好心协助

注意：请给出使用CSS的解决方案。不要使用Javascript或 任何其他原始价值的饲料

我的HTML源代码：

引导表

如评论中所述，这里的基本问题是使单个单元格保持方形。在css中执行此操作相当简单，如中的许多答案所示。真正的问题是处理可能大小不一致的内容

这是一种方法，尽管承认它有点粗糙：在每行至少一个单元格中添加一个

div

，该单元格具有

填充底部：100%

，以及

位置：相对

。然后将另一个

div

和

position:absolute

添加到每个单元格中。最后一个

div

将是您放置内容的地方。然后，我不得不删除bootstrap添加的单元格填充（或者，您可以将单元格宽度设置为25%，跳过bootstrap类，这可能不会给您在表本身中带来任何优势）。您必须在divs上使用

overflow

attribs来控制内容在各种情况下的显示方式

我还给你写了一封信，看起来它解决了你的问题

---

注意：此模型假设表中始终有4行，并且只有4行（因此

填充底部：25%

）

html中的表格高度由行数决定。在大多数情况下，在表格上设置高度值将毫无意义。看第一个答案。在我的例子中，表格是4x4。行数是固定的。我需要表的纵横比分辨率为1：1@B.Balamanigandan，您需要将表格单元格设置为正方形，才能生成整个表格square@bravokeyl-完全相同。您还应该确保了解引导列类是如何工作的-您在表上设置了相同的类，它是

div

wrapper，这没什么意义，拜托。答案是“仅仅是一个指向外部站点的链接而已”。我认为我添加的解释有点充实，而-1是不值得的。虽然解释可能充实了它，但它们并没有解决基本问题，即人们必须访问第三方站点才能理解答案。答案的骨架需要在答案中，而不仅仅是肉体。虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面发生更改，则仅链接的答案可能无效-

+---------+
|   CSS   |
|  Table  |
|   1:1   |
+---------+