弹性盒子

弹性盒子由弹性容器和弹性子元素组成

弹性容器：

两条轴：水平轴与竖直轴

6个属性：

flex-direction：row、column、row-reverse、column-reverse

flex-wrap:nowrap wrap wrap-reverse

flex-flow:row nowrap(flex-direction flex-wrap简写形式)

justify-content:flex-start flex-end center space-between space-around

align-items:flex-start flex-end center baseline stretch

aligh-content:flex-start flex-end center space-between space-around stretch

弹性子元素：

order：默认为0

flex-grow：1（水平竖直切分长度）

flex-shrink：默认为1，即缩小

flex-basis：重定义长度

flex：0，1，auto（默认值，flex-grow flex-shrink flex-basis的简写）

align-self:改属性允许元素与其他元素对齐方式不同，可覆盖align-items属性，可取值flex-start flex-end center baseline stretch