justify-items, align-items, justify-content, 和 align-content

`justify-items`, `align-items`, `justify-content`, 和 `align-content` 是CSS Grid布局中的四个概念，它们用于控制网格容器（grid container）中行（row）和列（column）的内容对齐方式。

1. **justify-items**（左右对齐）: 仅适用于单个项目（如单个行或列），决定了该项目在所在行内的水平对齐方式。例如，`justify-items: center`会让项目居中，`justify-items: start`会让项目左对齐，`justify-items: end`则右对齐。

2. **align-items**（上下对齐）: 也只作用于单个项目，决定了该项目在所在列内的垂直对齐方式。同样有 `start`, `center`, `end` 等选项，以及像 `flex-start` 和 `flex-end` 这样的弹性盒布局标准。

3. **justify-content**（整个容器的左右对齐）: 当应用于整个网格容器时，决定的是列（columns）之间的水平对齐方式，如均匀分布(`space-between`), 沿主轴等距离(`center`)，或者对齐某一侧(`start` 或 `end`).

4. **align-content**（整个容器的上下对齐）: 作用于多行（当容器有多余的空间时），决定的是行（rows）之间的垂直对齐方式，如均匀分布(`space-between`), 中间对齐(`center`)，或者对齐顶部(`start`)或底部(`end`)。

这四个属性可以组合使用，以创建复杂的网格布局对齐效果。理解并灵活运用它们有助于提升页面布局的美观性和一致性。