Allineamento verticale Immagine centraggio con overflow: hidden

Question

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

Ho un img in un div. L'altezza del img non è definito, ma è più grande della 100px del div.

Voglio centro verticale della img e nascondere l'overflow superiore e inferiore.

Ancora non riesco a capire come fare questo ...

Daniele

Answer 1

Fa questo lavoro per voi?

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

Hmmm il risultato è un po 'strano quando l'immagine non fit

Answer 2

Si può cercare di impostare la proprietà margin-top dell'immagine ad una percentuale negativa. Per esempio:

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

Basta giocare con i valori percentuali e si dovrebbe trovare qualcosa che funziona.