Alineación vertical imagen Centrado con overflow: hidden

Question

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

Tengo una img en un div. La altura de la img no está definido pero es más grande que el de la 100px div.

Quiero centro vertical del img y ocultar el desbordamiento superior e inferior.

Todavía no puedo entender cómo hacer esto ...

Daniele

Answer 1

¿Esto funciona para usted?

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

Hmmm el resultado es un poco raro cuando la imagen lo hace apto

Answer 2

Se puede tratar de establecer la propiedad margin-top de la imagen en un porcentaje negativo. Por ejemplo;

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

Simplemente juega con los valores porcentuales y usted debe encontrar algo que funcione.