CSS弹性盒子相对于普通盒子更为灵活
容器项目
容器:设置了弹性盒子的这个盒子就叫容器
项目:容器地方子元素就称为项目
怎么设置弹性盒子:display:flex
主轴与交叉轴
主轴:我们规定水平或者垂直方向是主轴方向 默认是水平方向---元素默认在主轴方向上排列
交叉轴:与主轴垂直的方向 默认垂直方向
容器的属性:
flex-direction 指定主轴的方向
row:水平,项目在容器中从左到右排列成一排
row-reverse:水平反方向,项目在容器中从右到左排成一排
column:垂直,项目在容器中从上到下排列成一列
column-reverse:垂直反方向,项目在容器中从下到上排列成一列