Flexbox和网格系统有什么不同？

What are the differences between flexbox and the grid systems?(Flexbox和网格系统有什么不同？)

问题描述

Flexbox和网格系统有什么不同？我应该在什么情况下使用每个系统？

推荐答案

网格和Flexbox

• Flexbox最适合一维布局(如行或列)
• 最适合2D布局(行和列)的CSS网格
• Flexbox一维例如：
• CSS网格2D例如：
• 网格可以做Flexbox不能做的事情，Flexbox可以做网格不能做的事情。
• 它们可以协同工作：网格项可以是Flexbox容器。弹性项可以是网格容器。

• 使用css网格，我们可以同时设置水平和垂直关系。Flexbox另一方面，无论是垂直布局还是水平布局，Flexbox都会停滞不前。

  Further Read

这篇关于Flexbox和网格系统有什么不同？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！