Javascript 使用表格或flexbox创建类似网格的UI

我需要创建一个具有行和列的类似网格的UI。 主要要求是列和行与单元格内容相适应。 例如，第1列具有放置在第1行第1列单元格中的文本的宽度。 行1的高度是第1行第2列单元格的高度

单元格内容为文本和单选按钮

我可以用flex box还是仅仅用好的旧桌子？ 有什么例子吗

有了flexbox，我想我需要嵌套flexbox？不确定

---

如果您呈现的信息在语义上确实是表格化的，那么使用表格是有意义的，因为它符合您呈现的信息，并且按照您在浏览器中所说的方式工作

例如：

.target、.target td{
边框：1px实心#ddd；
}
.特别的{
文本对齐：居中；
}

列宽是此文本的宽度
行高是此文本的高度
正文
正文

如果您呈现的信息在语义上确实是表格式的，那么使用表是有意义的，因为它适合您呈现的信息，并且按照您在浏览器中所说的方式工作

例如：

.target、.target td{
边框：1px实心#ddd；
}
.特别的{
文本对齐：居中；
}

列宽是此文本的宽度
行高是此文本的高度
正文
正文

似乎简单的表格就可以了。您是否有一个示例，当您尝试时，它不起作用？您所呈现的信息看起来是表格形式的，因此使用表格来呈现它具有语义意义，并且表现出您在浏览器中描述的方式。你有什么理由不应该用桌子吗？信息在语义上不是表吗？你能在这里使用CSS网格布局吗？CSS网格在IE11中不可用。Polyfills可能存在，但我没有尝试过。有什么建议吗？看来简单的表格就可以了。您是否有一个示例，当您尝试时，它不起作用？您所呈现的信息看起来是表格形式的，因此使用表格来呈现它具有语义意义，并且表现出您在浏览器中描述的方式。你有什么理由不应该用桌子吗？信息在语义上不是表吗？你能在这里使用CSS网格布局吗？CSS网格在IE11中不可用。Polyfills可能存在，但我没有尝试过。有什么建议吗？谢谢。从评论中回答您的问题：实际的结构是表格形式的，如示例中所示。我认为不使用table的原因是因为我读过“tables是坏的”。但我想在这种情况下，数据是表格形式的，这是有道理的。今天我将检查一下表格是如何工作的。DonBox：“表格是坏的”这句话总是言过其实。但它是“布局不好的表”，例如，当内容在语义上不是表时使用表。对语义上是表的内容使用表就是表的用途。：-）非常感谢。是的，“桌子不利于布局”，谢谢。从评论中回答您的问题：实际的结构是表格形式的，如示例中所示。我认为不使用table的原因是因为我读过“tables是坏的”。但我想在这种情况下，数据是表格形式的，这是有道理的。今天我将检查一下表格是如何工作的。DonBox：“表格是坏的”这句话总是言过其实。但它是“布局不好的表”，例如，当内容在语义上不是表时使用表。对语义上是表的内容使用表就是表的用途。：-）非常感谢。是的，“桌子不利于布局”的确如此。