align-items

align-items 是一个 CSS 属性，用于设置 flexbox 容器的交叉轴上子元素的对齐方式。它控制子项在交叉轴上的位置。

常见的属性值包括：

- flex-start：子元素与交叉轴的起始位置对齐；
- flex-end：子元素与交叉轴的结束位置对齐；
- center：子元素在交叉轴上居中对齐；
- baseline：子元素按照它们的基线对齐，这对于文字排版很有用；
- stretch：子元素被拉伸以填充交叉轴上的空间。

示例代码：

.container {
  display: flex;
  align-items: center;
}

这个例子中，容器中的子元素会在交叉轴上居中对齐。