Układanie obrazów od dołu do góry w div

Question

Powiedz, że mam pojemnik div o stałej szerokości i wysokości. Teraz chcę dodać zdjęcia do kontenera, ze zdjęciami układającymi się jeden na drugim.

Jeśli tylko ustalę szerokość pojemnika i dodaję do niego obrazy, będą one piętrzyć się od góry do dołu. Jak mogę zmusić ich do kupowania od dołu do góry?

Dzięki

Answer 1

Aby pracować w nowoczesnych przeglądarkach, można użyć 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.

Nawiasem mówiąc, to tylko wyrównuje je do dołu, nadal pokazuje pierwszy blok na górze ...