css - 如何将图像对齐到 div 的底部(在 Bootstrap 中)？

Question

我希望能够将不同大小的图像对齐到 div 的底部。

我有以下标记:

<div class="container">
  <div class="container">
    <div class="footer-images">
      <a href="link1"><img src="img1"></a>
      <a href="link2"><img src="img2"></a>
      <a href="link3"><img src="img3"></a>
    </div>
  </div>
  <div class="container">
    <div class="copyright">
      <p>© Some Company YYYY</p>
    </div>
  </div>
</div>

我不知道如何让所有图像与页脚图像 div 的底部对齐。任何帮助将不胜感激。

Answer 1

试试这个

 .footer-images img{
        vertical-align:bottom;
        border:0;
        }