弹性布局

弹性布局(给父元素设置)

开启弹性布局 dispaly:fix;

flew-direction 确定主轴的位置

row 从左往右

row-reverse 从右往左

column 从上往下

column-reverse 从下往上

flex-wrap 是否换行

nowrap 不换行

wrap 换行

wrap-reverse 首行在下,末行在上

justify-content 对齐方式

flex-start 从主轴起点开始

flex-end 从主轴末端开始

space-between 贴边对齐

space-around 子元素左右相等

space-evenly 子元素所有间隔相同

align-item 交叉轴对齐方式

center 居中

flex-start 交叉轴起点

flex-end 交叉轴末端

baseline 文本基线对齐

stretch 拉伸子元素高度