flex 布局和 grid 布局的区别

flex 和 grid 是两种常用的 CSS 布局模型，它们在实现页面布局时有一些区别：

① 定位方式：

Flex布局： Flexible Box的缩写，也成为 弹性盒子布局。

它是2009年由 W3C 提出的新的布局方案，可以响应式地实现各种页面布局，目前 Flex 技术已经得到了所有浏览器的支持。

所有的项目都是依托于两个轴进行位置排列的，所以可以把Flex布局看成是一种"轴线布局" 

从维度的角度上看，Flex布局是一维布局模型，主要针对单行或单列的布局需求，通过设置容器和子元素的属性来控制布局方向、对齐方式和分布方式。

Grid布局：又称为 网格布局

它是微软于 2010 年提出的一种新的布局方式，于2016 年提交了该布局的草案。经过近几年发展，兼容性越来越好。

Grid布局