align-items 和 justify-content 有什么区别？

align-items和justify-content是CSS中用于布局的两个属性。

align-items属性用于控制元素在交叉轴上的对齐方式，即垂直方向上的对齐方式。它可以接受以下几个值：
- flex-start：元素在交叉轴的起始位置对齐。
- flex-end：元素在交叉轴的结束位置对齐。
- center：元素在交叉轴的中间位置对齐。
- baseline：元素的基线对齐。
- stretch：元素被拉伸以填满整个交叉轴。

justify- flex-start：元素在主轴的起始位置对齐。
- flex-end：元素在主轴的结束位置对齐。
- center：元素在主轴的中间位置对齐。
- space-between：元素平均分布在主轴上，首尾元素与容器边界对齐。
- space-around：元素平均分布在主轴上，每个元素周围有相同的空间。

它们的区别在于对齐的方向不同，align-items控制垂直方向上的对齐，而justify-content控制水平方向上的对齐。