#align-items

定义了在 flexbox 容器的一行内,子元素在纵向轴的对齐方式。

align-items: flex-start;

flexbox 的子元素按照纵向轴起始处对齐。

默认,纵向轴是垂直的,所以这就意味着 flexbox 的子元素对齐于垂直方向的顶部

align-items: flex-end;

flexbox 的子元素按照纵向轴末尾处对齐。

默认,纵向轴是垂直的,所以这就意味着 flexbox 的子元素对齐于垂直方向的底部

align-items: center;

flexbox 的子元素按照纵向轴中间对齐。

默认,纵向轴是垂直的,所以这就意味着 flexbox 的子元素对齐于垂直方向的中间

align-items: baseline;

flexbox 的子元素按照纵向轴 baseline 对齐。

默认,纵向轴是垂直的,所以这就意味着 flexbox 的子元素对齐于以自身文字为横向水平线的baseline

align-items: stretch;

flexbox 的子元素将拉伸覆盖整个纵向轴

默认,纵向轴是垂直的,所以这就意味着 flexbox 的子元素将填满整个纵向的空间。