定位到弹性项目的底部

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/