垂直对齐图像到引导"行"内的底部?

md1*_*nox 3 html css vertical-alignment css3 twitter-bootstrap

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

我有3个图像row,我想将图像对齐到底部row.

我尝试了其他方法,比如将外部分割位置relative和图像的位置保持绝对然后bottom: 0但是由于我使用bootstrap(2.3.1)它不起作用.

我知道还有很多其他类似的问题,例如我的这个问题, 但没有一个解决方案适合我的.

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

谢谢

Mit*_*ell 7

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

CSS

img { display: block;}
Run Code Online (Sandbox Code Playgroud)

这将删除底部空间,这是一种默认的代码行,您应该在修复此问题的所有项目中使用它.

PS:感谢发布小提琴