flexbox 和网格系统有什么区别？

Question

flexbox 和 grid 系统有什么区别？我应该在什么情况下使用每个系统？

Answer 1

区别电网和Flexbox的

• Flexbox 最适合一维布局（如行或列）
• 最适合 2D 布局的 CSS 网格（行和列）
• Flexbox的一维EX：
• CSS Grid 2D示例：
• Grid 可以做 Flexbox 不能做的事情，Flexbox 可以做 Grid 不能做的事情。
• 它们可以一起工作：一个网格项可以是一个flexbox容器。一个弹性项目可以是一个网格容器。

• 使用 CSS Grid，我们可以同时设置水平和垂直关系。另一方面，Flexbox被卡在垂直或水平布局上。

  进一步阅读