justify/align-content/items使用区别

justify-content、align-content和align-items是CSS中用于布局的属性，它们用于控制元素在容器中的对齐方式和分布方式。

1. justify-content：用于水平方向上对齐元素。它可以设置以下几种值：
- flex-start：元素在容器的起始位置对齐。
- flex-end：元素在容器的末尾位置对齐。
- center：元素在容器的中间位置对齐。
- space-between：元素平均分布在容器内，首个元素在起始位置，末尾元素在末尾位置。
- space-around：元素平均分布在容器内，两侧留有相等的空间。
- space-evenly：元素平均分布在容器内，包括两侧和元素之间的空间。

2. align-content：用于垂直方向上对齐元素。它可以设置以下几种值：
- flex-start：元素在容器的起始位置对齐。
- flex-end：元素在容器的末尾位置对齐。
- center：元素在容器的中间位置对齐。
- space-between：元素平均分布在容器内，首个元素在起始位置，末尾元素在末尾位置。
- space-around：元素平均分布在容器内，两侧留有相等的空间。
- stretch：元素被拉伸以填充整个容器。

3. align-items：用于垂直方向上对齐单行元素。它可以设置以下几种值：
- flex-start：元素在容器的起始位置对齐。
- flex-end：元素在容器的末尾位置对齐。
- center：元素在容器的中间位置对齐。
- baseline：元素基线对齐。
- stretch：元素被拉伸以填充整个容器。