Vertikale Ausrichtung Bild Zentrieren mit Überlauf: versteckt

Question

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

Ich habe eine img in eine div bekam. Die Höhe des img ist nicht definiert, aber es ist größer als die 100px der div.

Ich mag die img zu vertikaler Mitte und blenden Sie den oberen und unteren Überlauf.

Noch kann ich nicht verstehen, wie dies zu tun ...

Daniele

Answer 1

Ist diese Arbeit für Sie?

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

Hmmm das Ergebnis ist ein bisschen komisch, wenn das Bild paßt das

Answer 2

Sie können versuchen, auf einem negativen Prozentsatz der margin-top-Eigenschaft des Bildes einzustellen. Zum Beispiel:

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

Nur mit den Prozentwerten spielen, und Sie sollten etwas finden, das funktioniert.