Vertical Align Image Центрирование с переполнением: скрытый

Question

<div style="overflow:hidden; height:100px; width:100px;"> 
<img src="etc.jpg" width:"100px" /></div> 

Я получил img в div. Высота img не определена, но она больше 100px от div.

Я хочу вертикальный центр img и скрыть верхнее и нижнее переполнение.

Тем не менее я не могу понять, как это сделать ...

Даниэла

Answer 1

Это работает для вас?

<div style="overflow:hidden; height:100px; width:100px;"> 
    <image src="etc.jpg" style="width:100px; position: relative; bottom: 25%;" /> 
</div> 

Хммм результат немного странно, когда изображение действительно соответствует

Answer 2

Вы можете попробовать установить запас верх свойство изображения при отрицательном процентном соотношении. Например;

div img {margin-top: -50%;} 

Просто играйте с процентными значениями, и вы должны найти что-то, что работает.