Flexbox与网格

工具之间的相似点和不同点——使用什么和何时使用。

在这节课中:

1. Flexbox优势
2. 网格的优点
3. 但是我应该使用哪一种——Flexbox还是Grid?
   
   

Flexbox优势

1. 布局控制在一维，垂直或水平
2. 调整校准和对准
3. 覆盖子元素设置的对齐方式

网格的优点

1. 2维垂直布局控制而且水平
2. 在网格单元格内的任何地方组织元素
3. 调整定位
4. 覆盖子元素设置上的对齐
   
   

但是我应该使用哪一种——Flexbox还是Grid?

1. 如果你能把你的设计分解成网格，网格是很好的
2. 如果你的设计横向或纵向跨越，那么Flexbox是很好的选择
3. 网格允许响应式设计中的断点
4. Grid和Flexbox都是优秀的工具
5. 选择最适合您试图构建的工具

有关Grid的更多信息，请查看Webflow中的网格2.0布局。