Задача.
Есть div с размерами width: 200px; height: 300px;. Внутри него есть картинка с размерами width: 200px; height: >300px;.
Для того, чтобы картинка не вылазила - я задал overflow: hidden для div'а. Таким образом картинка прибивается к верху блока, а лишнее снизу обрезается. А теперь еще мне нужно отцентровать это изображение по вертикали. Как это сделать?
Собственное вот код:
Есть div с размерами width: 200px; height: 300px;. Внутри него есть картинка с размерами width: 200px; height: >300px;.
Для того, чтобы картинка не вылазила - я задал overflow: hidden для div'а. Таким образом картинка прибивается к верху блока, а лишнее снизу обрезается. А теперь еще мне нужно отцентровать это изображение по вертикали. Как это сделать?
Собственное вот код:
HTML:
<div style="width: 200px; height: 300px">
<img src="some-pic.jpg"> - у этого изображения width: 200, а height: 450
</div>