Flex布局也叫弹性布局
注意:设为Flex布局后,float,clear,vertical-align,都将失效
一.flex-direction属性(为项目排列的方向)【有四个值:row(从左往右),row-reverse(从右往左),column(从上往下),column-reverse(从下往上)】
二.flex-wrap(项目都排在一条线上)【有三个值:nowrap(不换行),wrap(换行 ),wrap-reverse(换行第一行在下方)】
三.justify-content(在主轴上对齐)【有五个值:flex-start(左对齐),flex-end(右对齐),center(居中对齐),space-between(两端对齐,项目间隔相等),space-around(每个项目两侧的间隔相等)】
四.align-items (属性定义项目在交叉轴上如何对齐 )【有五个值:flex-start(交叉轴的起点对齐),flex-end(交叉轴的终点对齐),center(交叉轴的中点对齐),baseline(项目的第一行文字的基线对齐),stretch(如果项目未设置高度或设为 auto,将占满整个容器的高度)】
五.不常用,不屑