CSS3中的伸缩布局三

1、伸缩布局（垂直设置，多行）：align-content：flex-start；（上对齐，默认） flex-end；（下对齐） center；（中间对齐）

2、伸缩布局（垂直设置，多行）：align-content：space-between；（平局分布） space-around；（平局分布，有两端距离，两端距离是中间距离的一半）

3、伸缩布局（垂直设置，多行）：align-content：stretch；（拉伸，占满）

4、伸缩布局（垂直设置，各盒子大小不一样）：align-items：flex-start；（上对齐，默认） flex-end；（下对齐） center；（中间对齐）

5、伸缩布局（垂直设置，各盒子大小不一样）：align-items：baseline；（根据文字对齐）

6、伸缩布局（垂直设置，各盒子大小不一样）：align-items：stretch；（默认拉伸）