前三个和后三个可以引入九种组合。

其中

两个轴和其缩写

Justify 是在主轴上调整(延伸轴、排列轴)

Align 是在副轴上调整(交叉轴,垂直于主轴)

Place 为 justify and align 的 shorthand

选定对象

content 为整体 child 的位置

items 为每个 child 在其容器(活动)范围内的位置

self 为每个 child 可单独为自身指定(写在每个 child 上,其他的都是在 container 上设置)(活动范围和 items 一样)


然后你会发现对于 flex 实际上没有 justify-items,因为主轴上的 child 在这个方向上没有可以挪动的空间。