#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 的子元素将填满整个纵向的空间。