У нас есть 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. Некоторые решения требуют, чтобы вы знали размеры изображения.
Кто-нибудь имел эту проблему и решил ее?