Alttan üste görüntülerin toplanması

Question

Sabit genişlik ve yüksekliğe sahip bir div kapsayıcım var. Şimdi, konteynere resimler eklemek istiyorum, resimler birbiri üstüne yığılıyor.

Sadece kabın genişliğini düzeltir ve içine resim eklerseniz, yukarıdan aşağıya yığılırlar. Onları aşağıdan yukarıya doğru nasıl biriktirebilirim?

Teşekkür

Answer 1

Eğer display: table-cell kullanabilirsiniz, modern tarayıcılarda çalışmasını sağlamak için:

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.

Bu arada, sadece onları en altına hizalar, yine de üstteki ilk bloğu gösterir ...