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