我想调整图像以自下而上的名单，我怎么能做到这一点使用CSS？

I would like to align a list of images to 'bottom', how can I achieve this using CSS?

背景：我想了一组照片对齐底部，图像可在不同尺寸

Background: I want a set of photos to be aligned to the bottom, the images are in different sizes.

<div>
  <ul>
    <li> <!-- image 1-->
    <li> <!-- image 2-->
    <li> <!-- image 3-->
  </ul>
</div>

感谢。

推荐答案

这一切绝对定位的问题是，李的元素不会有任何的高度，由于图像元素是绝对的，不推任何布局了。通常这是一个不好的解决办法。

The problem with all this absolute positioning is that the li elements will have no height, since the image element is absolute and doesn't push any layout anymore. typically that's a bad solution.

根据你所需要的，这可能是工作：

li {
  display: inline;
  vertical-align: bottom;
}

在这里活生生的例子： http://mooshell.net/zBCGW/