Vermeiden Sie ein Bild außerhalb eines div?

Question

ich habe:

<div style="height:15px"> 
    <img src="image" /> 
</div> 

Das Bild größer als 15 Pixel ist, so ist es außerhalb der div, wenn Sie ihn sehen. Wie kann ich das Bild "zuschneiden" (zeige nur den 15px-Port davon), nur mit CSS?

Answer 1

Sie overflow:hidden ein Beispiel hier sehen müssen:

http://www.jsfiddle.net/S8qAq/

Lesen Sie mehr über overflow: here W3Schools

Viel Glück!

Answer 2

Versuchen Sie eine overflow:hidden an die Div.

Answer 3

fügen Sie overflow:hidden; zu Ihrem div Stil hinzu.

Answer 4

den Überlauf CSS-Eigenschaft verwenden:

overflow: hidden; 

Answer 5

Verwendung

overflow:hidden; 

Answer 6

Ich bin niemand überrascht hat object-fit: cover; vorgeschlagen