• 父容器 ```css .box{ display:flex;

      /flex-direction属性决定主轴的方向（即子组件的排列方向）/ flex-direction: row | row-reverse | column | column-reverse;

      /flex-wrap属性决定是否换行/ flex-wrap: nowrap | wrap | wrap-reverse;

      /flex-flow属性是flex-direction属性和flex-wrap属性的简写形式/
      flex-flow: || ;

      /justify-content属性定义了子组件在主轴上的对齐方式 / justify-content: flex-start | flex-end | center | space-between | space-around;

      /align-items属性定义子组件在交叉轴上如何对齐。/ align-items: flex-start | flex-end | center | baseline | stretch;

    } ```

    • 子容器