前端面试笔试知识汇总1（含答案） 前端面试笔试知识(22)

以下6个属性设置在容器上。

1、flex-direction： row | row-reverse | column | column-reverse;

属性决定主轴的方向（即项目的排列方向）。

2、flex-wrap： nowrap | wrap | wrap-reverse;

默认情况下，项目都排在一条线（又称"轴线"）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。

3、flex-flow：<flex-direction> || <flex-wrap>;

flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。

4、justify-content：???? flex-start | flex-end | center | space-between | space-around;

属性定义了项目在主轴上的对齐方式。

5、align-items：flex-start | flex-end | center | baseline |stretch;

属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用

6、align-content： flex-start | flex-end | center | space-between | space-around |

属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。

项目的属性

以下6个属性设置在项目上。

1、order：order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

（编辑：ASP站长网）