一、flex-direction:属性决定主轴的方向(即项目的排列方向)。
1.row(默认值):主轴为水平方向,起点在左端。
2.row-reverse:主轴为水平方向,起点在右端。
3.column:主轴为垂直方向,起点在上沿。
4.column-reverse:主轴为垂直方向,起点在下沿。
二、flex-wrap:默认排在一行,如果一条轴线排不下,如何换行。
1.nowrap(默认):不换行。
2.wrap:换行,第一行在上方。
3.wrap-reverse:换行,第一行在下方。
三、flex-flow:是flex-direction属性和flex-wrap属性的简写形式,默认值为row nowrap。
四:justify-content:属性定义了项目在主轴上的对齐方式。
1.flex-start(默认值):左对齐
2.flex-end:右对齐
3.center: 居中
4.space-between:两端对齐,项目之间的间隔都相等。
5.space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
五、align-items:
六、align-content: