justify-content，align-items

`justify-content`和`align-items`是用于布局和对齐元素的CSS属性。

`justify-content`属性用于在一个容器中水平对齐（主轴）元素。它有以下几个可能的取值：
- `flex-start`：将元素靠左对齐。
- `flex-end`：将元素靠右对齐。
- `center`：将元素居中对齐。
- `space-between`：在容器内均匀地分布元素，第一个元素放在容器的起始位置，最后一个元素放在容器的结束位置。
- `space-around`：在容器内均匀地分布元素，两边留出相同的空间。

`align-items`属性用于在一个容器中垂直对齐（交叉轴）元素。它有以下几个可能的取值：
- `flex-start`：将元素靠上对齐。
- `flex-end`：将元素靠下对齐。
- `center`：将元素居中对齐。
- `baseline`：将元素的基线对齐。
- `stretch`：如果元素没有设置高度，将其拉伸以填充容器。