如何将图像对齐div的底部(在引导程序中)？

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;
        }