html/CSS 表格的现代替代品？

Posted 2023-03-05

【中文标题】html/CSS 表格的现代替代品？

【英文标题】：A modern alternative to html/CSS tables?

【发布时间】：2015-05-25 18:37:53

【问题描述】：

我隐约记得阅读过一些新的（CSS3？）类型的表格。当时提到的问题是它没有得到广泛的支持。有这样的吗？今天支持更好了吗？抱歉，我不能更具体，我不记得它的名字了。

底线是我试图让 div 的大小在水平方向上彼此相等，但是当我使用 display: table（和 li 中的 display: table-cell）这样做时 - 他们忽略了东西（比如overflow: hidden）。

【问题讨论】：

您在寻找 CSS3 弹性框吗？ developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

@JoshCrozier 是的。谢谢！您可以将您的评论转化为答案。

没关系，我相信其他人会发布它作为答案。这个问题有点笼统。

【参考方案1】：

试试这个。还有更多类型，例如给定here

display:flex;

不过，我还是建议你玩牌桌。它们很棒，只是需要一些调整。

【参考方案2】：

正如上面a comment 中发布的那样 - CSS flexible boxes 是这样的。

【讨论】：

还有 CSS 网格。但是hardly supported 还没有。