css - 弹性项目底部的位置

Question

有没有办法将元素（在我们的例子中是 div）对齐到 flex 的底部？
在这里小提琴：http: //jsfiddle.net/djeQv/1/

#images div {
position:relative;
bottom: 0px;
margin-top: -10px;
padding-top: 10px;
cursor: default;
}

这种通常的方式这次没有奏效。

Answer 1

为什么不将文本定位到绝对位置？像这样的东西：

#images div {
    position:absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}

由于这会将文本从文档流中取出，因此您需要在链接底部添加一些填充以防止文本与图像重叠。

我更新了你的小提琴来演示：http: //jsfiddle.net/djeQv/2/