文字向下对齐

使用 align-items
一：这是元素位于容器的结尾。

 display:flex;
 align-items:flex-end;

二：这是元素位于容器的基线上。

 display:flex;
 align-items:baseline;

小hint：
| stretch | 默认值。元素被拉伸以适应容器。|
|-center-|-元素位于容器的中心。-|
| flex-start | 元素位于容器的开头。 |
|flex-end | 元素位于容器的结尾。 |
| baseline | 元素位于容器的基线上 |
| initial | 设置该属性为它的默认值。 |
| inherit | 从父元素继承该属性。 |