Центрирование изображения по вертикали с переполнением: скрыто

Question

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

у меня есть img в div.Высота img не определено, но оно больше 100 пикселей 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%;}

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