place-items

该容器属性是以下两个子项属性的简写：

• align-items
• justify-items

align-items

此属性的效果取决于我们所处的布局模式：

• 在块级布局中，它对齐一个项目在其包含块的内联轴上。
• 对于绝对定位的元素，它对齐一个项目在其包含块的内联轴上，同时计算 top，left，bottom 与 right 的值。（原文：it aligns an item inside its containing block on the inline axis, accounting for the offset values of top, left, bottom, and right.）
• 在表格布局中，这个属性被忽略（更多 (en-US) 关于块、绝对定位以及表格布局中的对齐方式）
• 在弹性布局中，这个属性被忽略（更多关于弹性布局中的对齐方式）
• 在栅格布局中，它对齐一个元素到该元素所在的栅格区域的内联轴上。（更多 (en-US) 关于栅格布局中的对齐方式）

justify-items

取值

normal

• 在绝对定位的布局中，对于被替代的绝对定位盒子，行为与 start 类似；对于其他所有绝对定位的盒子，行为与 stretch 类似。
• 在绝对定位布局的静态位置上，行为与 stretch 类似。
• 对于那些 flex 元素而言，行为与 stretch 类似。
• 对于那些 grid 元素而言，行为与 stretch 类似，但对于具有长宽比或固有尺寸的盒子，其行为与 start 类似。
• 这个属性不适用于块级盒子和表格。

flex-start

• 只在 flex 布局中使用，将元素与 flex 容器的主轴起点或交叉轴起点对齐。

flex-end

• 只在 flex 布局中使用，将元素与 flex 容器的主轴末端或交叉轴末端对齐。

center

• flex 元素的外边距框在交叉轴上居中对齐。如果元素的交叉轴尺寸大于 flex 容器，它将在两个方向上等距溢出。

start

• 将元素与容器的主轴起点或交叉轴起点对齐。

end

• 将元素与容器的主轴末端或交叉轴末端对齐。

self-start

• 将元素与容器的主轴起点或交叉轴起点对齐，轴起点的方向对应于元素的起始方向。

self-end

• 将元素与容器的主轴末端或交叉轴末端对齐，轴末端的方向对应于元素的结尾方向。

baseline、first baseline、last baseline

• 所有 flex 元素都对齐，以使它们的 flex 容器基线 对齐。距离其交叉轴起点和基线之间最远的元素与行的交叉轴起点对齐。

stretch

• 如果（多个）元素的组合大小小于容器的大小，其中自动调整大小的元素将等量增大，以填满容器，同时这些元素仍然保持其宽高比例的约束。

safe

• 与其它对齐值一起使用。如果所选对齐值导致元素溢出容器，则将元素按 start 方式对齐。

unsafe

• 与其它对齐值一起使用。不管元素和容器的相对尺寸以及是否会发生溢出，都会采用给定的对齐值。