CSS-Grid 而不是 <table> [关闭]

Posted 2023-02-19

【中文标题】CSS-Grid 而不是 <table> [关闭]

【英文标题】：CSS-Grid instead of <table> [closed]

【发布时间】：2018-09-09 20:48:00

【问题描述】：

使用 CSS display: grid 代替 html 标签 <table> 是一种好习惯吗？

很多时候<table>在响应式设计中很难使用。特别是对于复杂的购物篮表和处理 colspan 等。但是使用 css-grid 很容易。

我在表格的<tr> 之类的行样式中发现了一些问题。有第n个孩子的东西的方法。你怎么看？

【问题讨论】：

答案是，视情况而定。

这个问题要么太宽泛，基于意见，要么需要讨论，因此与 Stack Overflow 无关。如果您有具体的、可回答的编程问题，请提供完整的详细信息。

@Paulie_D 所有这些。

我看不出它是如何基于意见的，HTML 标签和 CSS 旨在提供明确的目标，基于这些目标，我们可以确定 HTML/CSS 是否按原意使用因此，以不应该使用的方式使用这些工具会产生客观后果。说这是基于观点的，就像说使用语义上有意义的 HTML“只是一种观点”。

可能与***.com/q/83073/2506522重复

【参考方案1】：

如果您了解 CSS 网格并且习惯使用它，那么没有充分的理由不使用它。在这一点上支持足够好CSS grid support

事实上，我强烈建议使用<table> 以上的任何内容进行布局。表应该用于其中包含数据的表。根据具体情况，Flexbox 也是一个不错的选择。理想情况下，您会知道 CSS 网格何时合适，flexbox 何时合适，或者两者都可以在切线中使用。

总之，现在是 2018 年，因此应尽可能少使用表格。使用 flexbox 和 CSS 网格走向未来。