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}

你可能感兴趣的:(flex常见属性)