我应该使用Flexbox还是CSS Grid？ [重复]

Question

这个问题在这里已有答案：

• What are the areas covered by Flexbox which are difficult or impossible to achieve with Grid? 3回答

我知道这不是一个新问题，但我还没有找到一个强烈的辩论，我想听听你的意见。

所以，我想用一个方向布局做一个简单的组件。我应该使用什么：Flexbox或CSS Grid？为什么？

只是偏好还是有利有弊？

检查这个超级简单的例子：https://codepen.io/joaosaro/pen/rRJXOa一个有3个孩子的容器：两个div只占用内容大小，另一个扩展自己可能的最大空间。

.flex-container {
  display: flex;
}
.flex-container .child--max {
  flex: 1;
}

.grid-container {
  display: grid;
  grid-template-columns: auto 1fr auto;
}

Answer 1

没有激烈的辩论，因为有一个明显的赢家：

将flexbox用于一维布局。

它使实现，使用和使其响应更快。对于一维布局，使用网格只是绝对的过度杀伤力。