Html 使用flexbox垂直对齐多行文本

我正在使用flexbox对齐项目，并且正在努力将多行文本顶部对齐到其父div的底部。我见过一些示例，其中一个按钮已对齐到其父div的底部，但在每个项目中使用多行文本无法实现相同的效果

以下是我试图实现的目标：

以下是我使用以下代码所完成的工作：

这是我的密码：

.team{
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
}
李先生{
宽度：25%；
填充：10px；
显示器：flex；
弯曲方向：立柱；
}
.专家包装{
页边顶部：自动；
}

形象
一些文本
专业知识：

一个选项是给

.expert wrap

一个高度，同时将

flex:1

添加到

.extract

中，这样它会填充给定的空间，并将专家文本推到底部

.team{
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
填充：0；
}
李{
背景：玉米丝；
宽度：25%；
填充：10px；
显示器：flex；
弯曲方向：立柱；
字体大小：12px；
}
.头衔{
颜色：栗色；
}
.拇指img{
宽度：100%；
}
.摘录{
弹性：1；
边缘底部：20px；
}
.专家包装{
高度：40px；
}

劳动与就业
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。
专业知识：
绒毛膜。


劳动与就业
这是临时性的劳动和就业机会。但是，在最低限度上，我们需要一个实验室来进行日常工作。
专业知识：
在reprehenderit中的Duis aut irure dolor。


劳动与就业
知识是一种美德，是一种美德，是一种美德，是一种美德。我们要尽量少花钱，。
专业知识：
这是一种不可剥夺的权利。