Wie man Bilder machen lassen abgeschnitten

Question

http://s1167.photobucket.com/user/unlivedgears/media/image-8.jpg.html?sort=3&o=1

http://s1167.photobucket.com/user/unlivedgears/media/image-9.jpg.html?sort=3&o=0

Siehe Auf dem ersten Bild, wie die Mädchen Kopf und Beine abgeschnitten, weil das Bild für den Platz zu lang ist. Wie kann ich es so machen, dass es beide schneidet und zentriert? Oder wenn es zu breit ist, wird es die Seiten abschneiden?

Answer 1

eine HTML-Struktur wie folgt Unter der Annahme:

<div> 
    <img /> 
</div> 

verwenden CSS:

div{ 
    height: 100px; 
    width: 80px; 
    overflow: hidden; 
} 

img{ 
    min-height: 100%; 
    min-width: 100%; 
} 

Oder Sie das Bild als Hintergrundbild einstellen könnte und background-size: cover