新增！我的 44 页电子书“44 分钟掌握 CSS”已发布！ 😃
#align-self
类似于 align-items，但仅应用于单个 Flexbox 项目，而不是所有项目。
默认 align-self: auto;
目标将使用 align-items 的值。
align-self: flex-start;
如果容器具有 align-items: center 且目标具有 align-self: flex-start，则只有目标将在交叉轴的起始位置。
默认情况下，这意味着它将在垂直方向上与顶部对齐。
align-self: flex-end;
如果容器具有 align-items: center 且目标具有 align-self: flex-end，则只有目标将在交叉轴的结束位置。
默认情况下，这意味着它将在垂直方向上与底部对齐。
align-self: center;
如果容器具有 align-items: flex-start 且目标具有 align-self: center，则只有目标将在交叉轴的中心位置。
默认情况下，这意味着它将垂直居中。
align-self: baseline;
如果容器具有 align-items: center 且目标具有 align-self: baseline，则只有目标将在交叉轴的基线位置。
默认情况下，这意味着它将沿着文本的基线对齐。
align-self: stretch;
如果容器具有 align-items: center 且目标具有 align-self: stretch，则只有目标将在整个交叉轴上拉伸。