一、弹性盒子的常用属性
1、flex容器:采用flex布局的块级标签(div)
2、flex项目:采用flex布局的块级标签的子元素
3、排列方向:direction,flex容器的布局方向
4、flex容器的属性:
(1)flex-direction:布局方向
row:默认值,主轴为水平方向(水平布局),起点在左端
row-reverse:主轴为水平方向(水平布局),起点在右端
column:主轴为垂直方向(垂直布局),起点在上沿
column-reverse:主轴为垂直方向(垂直布局),起点在下沿
(2)flex-wrap:环绕效果
nowrap:默认值,表示不换行
wrap:换行
wrap-reverse:换行,第一行在下方
(3)justify-content:对齐方式
flex-start:默认值,左对齐
flex-end:右对齐
center:居中