使用弹性布局,首先要将父盒子定义为弹性盒子。弹性布局实际上就是要对弹性元素的排列做各种设置。同时设置flex-direction和flex-wrap。交叉轴由元素的换行方向决定即flex-wrap。如果flex-flow: row wrap 则 主轴水平,交叉轴垂直从上往下;flex-flow: row wrap-reverse 则 主轴水平,交叉轴垂直从下往上。如果flex-flow: column wrap 则主轴垂直,交叉轴水平从左向右;flex-flow: column wrap 则主轴垂直,交叉轴水平从右向左。交叉轴的排列有两个属性:align-items,align-content。flex-grow是作用在主轴上的。