Flexbox父元素属性(flexcontainer):flex-direction: 建立主轴，定义了flex项在fl

父元素属性( flex container):

建立主轴，定义了flex项在flex容器中的排布方向。

Flexbox是单向布局/一维布局，flex项主要沿水平行或垂直列排布。

决定flex项是否允许换行。nowrap, wrap, wrap-reverse

flex-flow: <'flex-direction'> || <'flex-wrap'>

定义了flex项在主轴（行）方向上的对齐方式

flex-start, flex-end, center, space-between, space-around, space-evenly

定义了flex项沿当前行在交叉轴方向上的对齐方式

flex-start, flex-end, center, stretch, baseline,

flex容器中的行在交叉轴上分配剩余空间

flex-start, flex-end, center, stretch, space-between, space-around

控制flex项在flex容器中的显示顺序

定义了 flex项在有可用剩余空间时拉伸比例

定义了flex项允许收缩多少比例

定义了在分配剩余空间之前flex项默认的大小。

可以设置为，20%，5rem，100px, auto。如果设置为 0 , 则 flex 项内容周围的空隙不会根据 flex-grow 按比例分配，如果设置为 auto，则 flex 项周围额外的空隙会根据 flex-grow 按照比例分配

是flex-grow, flex-shrink, flex-basis 三个属性的缩写。其中第二个和第三个参数(flex-shrink 和 flex-basi)是可选的。默认值为 0 1 auto。

align-self 属性允许某个单独的flex项覆盖默认的align-items对齐方式。