flex常见属性

1：flex常见属性总结

justify-content属性：定义项目在主轴上的对齐方式

justify-content: center;   //居中排列

justify-content: flex-start;  // 左对齐

justify-content: flex-end;  //右对齐

justify-content: space-between;  //中间均分，两端对齐

2：flex-direction属性：决定主轴的方向（即项目的排列方向）

flex-direction: row  //从左到右

flex-direction: row-reverse  //从右到左

flex-direction: column  //从上到下

flex-direction: column-reverse  //从下到上

2.   .icon{display:flex}   

      .icon{display:inline-flex}