Html 如何在flex项目中底部对齐元素？

我有一个包含三个flex项目的flex容器，每个项目内部都有一个链接，链接应该在底部对齐（所有链接底部和中间对齐）

与Flex容器一样，Flex项目是拉伸的，没有固定的高度。谢谢

.flex容器{
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
-ms柔性方向：行；
弯曲方向：行；
-webkit柔性包装：nowrap；
-ms-flex-wrap:nowrap；
柔性包装：nowrap；
-webkit内容：中心；
-ms-flex-pack:center；
证明内容：中心；
-webkit align内容：flex开始；
-ms柔性线组件：开始；
调整内容：灵活启动；
-webkit对齐项：flex开始；
-ms-flex-align：开始；
调整项目：灵活启动；
}
.弹性项目{
-网络工具包订单：0；
-ms弹性订单：0；
顺序：0；
-webkit-flex:100；
-ms-flex:100；
弹性：100；
-webkit-align-self：拉伸；
-ms flex项目对齐：拉伸；
自我调整：伸展；
填充：15px；
}

滴度
Lorem ipsum dolor sit amet，是一位杰出的献身者。在turpis之前的显贵们，坐在我的座位上。Sed pellentesque非arcu和interdum。威尼斯人、维韦拉人、尼科尔人
arcu，无秃鹫的justo metus nec quam。无伤大雅，精力充沛，智慧四射，充满活力。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。普拉森特
这是我们的共同愿望。普雷森特·亨德雷特在奥古斯的发酵室。我们是多洛·布兰迪特、拉西尼亚·奥奇·埃吉特、奥特莱斯精英。努拉·卢克图斯、维韦拉·埃利芬德、利奥·奥奇·波苏尔·努拉、尼西的奥奇·梅特斯前庭。埃尼安等
拉库斯港口

滴度
Lorem ipsum dolor sit amet，是一位杰出的献身者。在turpis之前的显贵们，坐在我的座位上

滴度
Lorem ipsum dolor sit amet，是一位杰出的献身者。在turpis之前的显贵们，坐在我的座位上。Sed pellentesque非arcu和interdum。威尼斯人、维韦拉人、尼科尔人
arcu，无秃鹫的justo metus nec quam。无伤大雅，精力充沛，智慧四射，充满活力

放置

位置：绝对a

标签上的code>和

位置：相对到您的flex项目：


.flex容器{
显示：-ms flexbox；
显示：-webkit flex；
显示器：flex；
-webkit柔性方向：行；
-ms柔性方向：行；
弯曲方向：行；
-webkit柔性包装：nowrap；
-ms-flex-wrap:nowrap；
柔性包装：nowrap；
-webkit内容：中心；
-ms-flex-pack:center；
证明内容：中心；
-webkit align内容：flex开始；
-ms柔性线组件：开始；
调整内容：灵活启动；
-webkit对齐项：flex开始；
-ms-flex-align：开始；
调整项目：灵活启动；
}
.弹性项目{
-网络工具包订单：0；
-ms弹性订单：0；
顺序：0；
-webkit-flex:100；
-ms-flex:100；
弹性：100；
-webkit-align-self：拉伸；
-ms flex项目对齐：拉伸；
自我调整：伸展；
填充：15px；
位置：相对位置；
}
.弹性项目a{
位置：绝对位置；
底部：0；
左：0；
右：0；
文本对齐：居中；
}

滴度
Lorem ipsum dolor sit amet，是一位杰出的献身者。在turpis之前的显贵们，坐在我的座位上。Sed pellentesque非arcu和interdum。威尼斯人、维韦拉人、阿库人、无秃鹫者都是平等的。无伤大雅，精力充沛，智慧四射，充满活力。佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。这是我们的共同愿望。普雷森特·亨德雷特在奥古斯的发酵室。我们是多洛·布兰迪特、拉西尼亚·奥奇·埃吉特、奥特莱斯精英。努拉·卢克图斯、维韦拉·埃利芬德、利奥·奥奇·波苏尔·努拉、尼西的奥奇·梅特斯前庭。埃尼安和拉库斯

滴度
Lorem ipsum dolor sit amet，是一位杰出的献身者。在turpis之前的显贵们，坐在我的座位上

滴度
Lorem ipsum dolor sit amet，是一位杰出的献身者。在turpis之前的显贵们，坐在我的座位上。Sed pellentesque非arcu和interdum。威尼斯人、维韦拉人、阿库人、无秃鹫者都是平等的。无伤大雅，精力充沛，智慧四射，充满活力

首先，从容器中移除
align items:flex start
。这将覆盖
拉伸
默认值，因此列不会拉伸容器的整个高度。它们只和它们的内容一样高

其次，使用
flex-direction:column
将flex项放入（嵌套的）flex容器中。然后，您可以在链接上使用
auto
边距将其固定到底部


.flex容器{
显示器：flex；
弯曲方向：行；
柔性包装：nowrap；
证明内容：中心；
调整内容：灵活启动；
/*align-i