在引导程序上垂直对齐底部图像

Question

我想在 div 中创建一个图像（col-sm-4 三次）。 我尝试在图像上使用垂直对齐底部，但它不起作用。 但它似乎没有工作。 img 仍然没有到达底部 我的css是这样的。

.initiative-buttons-content-inner{
  min-height: 180px;
  position: relative;
}
img{
  vertical-align: bottom;
}

这里是链接https://jsfiddle.net/2z4czqhu/

有谁知道为什么它不起作用？

Answer 1

这样制作

position: absolute;
bottom: 0;

https://jsfiddle.net/2z4czqhu/1/

阅读本文 https://css-tricks.com/absolute-positioning-inside-relative-positioning/