html - 将图像垂直对齐到引导程序“行”内的底部？

Question

在以下示例中：http: //jsfiddle.net/Fvswp/3/

我在 a 中有 3 个图像row，我想将图像对齐到row.

我尝试了其他方法，例如使外部分割位置relative和图像的绝对位置，bottom: 0但由于我使用的是引导程序（2.3.1），因此它不起作用。

我知道还有许多其他类似的问题，例如我的这个，但没有一个解决方案适用于我的。

如何将这些图像垂直对齐到底部row？

谢谢

score 7 · Accepted Answer

我已经更新了你的 jsFiddle http://jsfiddle.net/Fvswp/5/你需要做的是像这样display: block;向你的img元素添加一个 css 属性

CSS

img { display: block;}

这将删除底部空间，这是您应该在所有解决此问题的项目中使用的默认代码行。

PS：感谢您发布小提琴

score -1 · Accepted Answer

使列等高（等于最大图像的高度）并将图像放置在底部的列内：

#header > div {
    height: 128px;
    position: relative;
}
#header > div > img {
    position: absolute;
    bottom: 0;
}

2 回答 2