flex主轴对齐和侧轴对齐

主轴对齐：

justity-content:flex-start;(默认值，靠左)

                        flex-end(靠右排列)

                        center（水平居中）

                        space-between(子盒子靠边，中间适中)

                        space-around( 子盒子之间是1：2排列)

                         space-evenly(子盒子之间是1：1排列)

侧轴对齐：

align-items:stretch；（默认值，高和父盒子一样）

                  flex-siart(上方排列)

                  flex-end(下方排列)

                  center（垂直居中）

单行侧轴：align-self:center（垂直居中）取值与侧轴取值一样