Html 如何在flexbox中垂直居中文本，并将图像粘贴到底部？

我有3列网格图像使用flexbox。我遇到的问题是如何使用FrasBox在中间空间中正确地将较小的图像放在底部和中心文本中。p> 我有一个非常难看的解决方案，这是非常没有反应的，所以我相信这是更好的解决方案。阅读一些关于flexbox的文章和观看3个视频课程，但没有发现这种情况

还试图使较小的图像成为绝对的，但我不能像我所希望的那样垂直居中文本

如有任何建议，我将不胜感激

.container{
最大宽度：90%；
保证金：0自动；
显示器：flex；
柔性包装：包装；
}
img{
宽度：100%；
身高：100%；
显示：块；
}
.fe2{
弹性：1；
文本对齐：居中；
}
.flex cont内部{
显示器：flex；
柔性流动：柱；
身高：100%；
}
.flex cont内部img{
高度：初始高度；
}
.留言{
字体大小：2.3vw；
保证金：0自动；
}
.信息p{
颜色：蓝色；
字体大小：2vw；
最大宽度：80%；
保证金：0自动；
填充：34.5%0px；
}
.作者{
位置：相对位置；
}
作者：之后{
内容：“匿名”；
位置：绝对位置；
字体大小：1vw；
颜色：红色；
最高：140%；
}

Lorem ipsum dolor sit amet，供奉adipng Elite。欢迎光临

您需要使用

页边距顶部：自动。Michael_B对flexbox使用自动边距做了很好的解释




代码片段：


.container{
最大宽度：90%；
保证金：0自动；
显示器：flex；
柔性包装：包装；
}
img{
宽度：100%；
身高：100%；
显示：块；
}
.fe2{
弹性：1；
文本对齐：居中；
}
.flex cont内部{
显示器：flex；
柔性流动：柱；
身高：100%；
}
.flex cont内部img{
高度：初始高度；
页边顶部：自动；
}
.留言{
字体大小：2.3vw；
页边顶部：自动；
}
.信息p{
颜色：蓝色；
字体大小：2vw；
}
.作者{
位置：相对位置；
}
作者：之后{
内容：“匿名”；
位置：绝对位置；
字体大小：1vw；
颜色：红色；
最高：140%；
}

Lorem ipsum dolor sit amet，供奉adipng Elite。欢迎光临