Как вертикально выровнять изображение внутри div с динамическим height?

У нас есть div, содержащий изображение, загружаемое пользователем. Это код:

HTML:

<div class="container_img">
    <img height="120" width="150" src="[image name].jpg">
</div>

CSS:

div.container_img {
    overflow: hidden;
    width: 150px;
    height: 150px;
}

Наша проблема в том, что если изображение, загружаемое пользователем, имеет высоту менее 150 пикселей, внизу будет большое пространство. Итак, мы хотим выровнять изображение по вертикали, чтобы оно не выглядело как плавающее.

Я пробовал искать решения в сети, но не могу найти то, что работает с динамическими изображениями внутри DIV. Некоторые решения требуют, чтобы вы знали размеры изображения.

Кто-нибудь имел эту проблему и решил ее?

10
задан Hussein 28 March 2011 в 03:59
поделиться