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}
