两种布局方式

Gird网格布局
Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格。

Flex弹性布局

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。
任何一个容器都可以指定为 Flex 布局。