將圖像從底部堆積到頂部div

Question

假設我有一個固定寬度和高度的div容器。現在，我想將圖像添加到容器中，並且圖像堆疊在一起。

如果我只是修復容器的寬度，並在裏面添加圖像，它們會從上到下堆積起來。我怎樣才能讓它們從下到上堆積如山？

感謝

Answer 1

，使其在現代瀏覽器，你可以使用display: table-cell：

CSS

.container { 
    display: table-cell; 
    vertical-align: bottom; 
} 
.child { 
    display: inline-block; /* act like image */ 
} 

HTML

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

An example on jsfiddle.

順便說一下，只有他們對齊底部，它仍然顯示頂部的第一塊...