flex 布局

1、如果我们有三个正方形

我们将其放在一个大盒子里

如何让它们均匀分布呢？我们使用 justify-content ，但是这样正方形只能处于盒子最上面（但是等距分布）

如何让它们处于盒子中间呢？我们使用 align-items

如何让它们在竖向分布呢？我们使用 flex-direction

 

2、我们有大量正方形

我们可以使用 flex-wrap 来实现换行，假设现在有三行正方形：

我们使用 justify-content 和 align-items 只能让三行正方形横向均匀分布，纵向非均匀分布地处在盒子中间

如何让三行正方形在纵向均匀分布呢？我们使用 align-content