align-ite与justify-content的区别是什么

在Flexbox布局中，align-items和justify-content属性都用于控制项目的对齐，但它们作用的轴不同。

1. align-items: 这个属性用于控制项目在交叉轴（cross axis）上的对齐方式。交叉轴与主轴（main axis）垂直。

   • 当flex-direction为row时，交叉轴是垂直的，所以align-items控制上下对齐。
   • 当flex-direction为column时，交叉轴是水平的，所以align-items控制左右对齐。

2. justify-content: 这个属性用于控制项目在主轴（main axis）上的对齐方式。

   • 当flex-direction为row时，主轴是水平的，所以justify-content控制左右对齐。
   • 当flex-direction为column时，主轴是垂直的，所以justify-content控制上下对齐。

总结：align-items用于控制交叉轴上的对齐，而justify-content用于控制主轴上的对齐。轴的方向由flex-direction属性决定。