align-items是块内垂直对齐，水平对齐是什么？

`align-items` 确实是关于块级元素在其包含的 flex 容器内部的垂直对齐，但它本身并不直接涉及水平对齐。对于水平对齐，你需要关注的是另一个 flexbox 属性 `justify-content`。

`justify-content` 控制的是 flex 容器内项目在主轴（通常是水平轴）上的对齐方式。有几种可用的值：

1. `flex-start`: 默认值，项目从容器开始处对齐。
2. `flex-end`: 项目从容器结束处对齐，最后一个项目之后。
3. `center`: 项目居中对齐于容器。
4. `space-between`: 项目均匀分布，第一个项目紧贴起始点，最后一个项目紧贴终止点，中间的项目间隔相等。
5. `space-around`: 每个项目之间的空间均匀分配，每个项目都有相同的间距。

例如：

.container {
  display: flex;
  justify-content: center; /* 容器内的内容在水平方向居中 */
  align-items: center; /* 同时在垂直方向居中 */
}

通过这两个属性的组合，你可以同时控制块级元素在容器内的水平和垂直对齐方式。