10.flex------02.弹性容器的样式（除了align-self外关于弹性容器的样式，均是在弹性容器中设置）

        1、flex-wrap：设置元素在容器中是否会自动换行。

                可选值：wrap----元素在容器中沿着辅线自动换行

                               nowrap----元素不会自动换行（默认值）

                               wrap-reverse-------元素沿着辅线反方向自动换行

        2、justify-content：设置主轴中空白空间的分配（即设置元素在主轴中如何排列）

                可选值：flex-start----元素沿着主轴起边对齐

                              flex-end----元素沿着主轴终边对齐

                              center-----元素在主轴中居中对齐

                              space-around----空白在元素均匀分布在元素两侧

                             space-between----空白在元素间均匀分布 

                              space-evenly----空白在元素均匀分布在元素单侧（这一个兼容性不好，一般不使用这个）

        3、align-items：设置元素在辅轴上如何对齐

                        可选值：stretch------将元素长度设置为相同的值（一行的元素长度相同）

                                      flex-start----元素沿着辅轴起边对齐（不会拉伸弹性元素） 

                                      flex-end----元素沿着辅轴终边对齐

                                      center-----元素在辅轴中居中对齐

                                       baseline-----基线对齐

       4、align-content：用来设置辅轴空白空间的分布，可选值与justify-content一样

        5、align-self：用来覆盖当前元素的align-items值（写在弹性元素里）