我应该使用Flexbox还是CSS Grid？

Question

我知道这不是一个新问题，但我尚未找到有力的辩论，我想听听您的意见。

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

仅仅是偏好还是利弊？

查看以下超级简单的示例：https://codepen.io/joaosaro/pen/rRJXOa 一个有3个子容器的容器：两个div仅占据内容大小，而一个div则自身扩展到最大可能的空间。

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

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

Answer 1

因为有明确的赢家，所以没有激烈的辩论：

将flexbox用于一维布局。

它使所有内容的实施，使用和响应速度变得如此之快。对于一维布局，使用网格仅仅是绝对的杀伤力。