Ich versuche, einige flüssige Bilder zu erstellen, die nebeneinander ausgerichtet sind, aber auch vertikal in der Mitte ausgerichtet sein sollten, unabhängig von der Höhe. Ich habe die Bilder auf eine maximale Breite eingestellt: 100%, damit sie erhalten bleiben innerhalb ihrer Eltern max-width, damit ich diese bei kleineren Bildschirmbreiten verkleinern kann. Mein Problem ist jedoch, dass ich nicht sicher bin, wie diese Bilder am besten vertikal ausgerichtet werden können. Kann mir jemand einen Rat geben?

CSS

.img-ctn {
    display: inline-block;
    margin-right: 3%;
    max-width: 120px;
    background: #cecece;
}

.img-ctn > img {
    display: block;
    height: auto;
    max-width: 100%;
    min-width: 100%;
    vertical-align: middle;
}

Geige: http://jsfiddle.net/xmJ3R/