弹性盒子由弹性容器和弹性子元素组成
弹性容器:
两条轴:水平轴与竖直轴
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