CSS-Grid 代替 <table>

Question

使用 CSSdisplay: grid而不是 html 标签是个好习惯<table>吗？

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

我在样式行（如<tr>表格）中看到了一些问题。有 nth-child 东西的方法。你怎么看待这件事？

Answer 1

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

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

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