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；（默认拉伸）