Jak zrobić zdjęcia się odciąć

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

zobaczyć na pierwszym obrazie, jak dziewczęta głowy i nogi są odcięte, bo obraz jest zbyt długo na placu. Jak mogę zrobić to tak, że odcina je i centruje? A może jest zbyt szeroka, aby odciąć bok?

Answer 1

Przyjmując strukturę HTML tak:

<div> 
    <img /> 
</div> 

Używaj tego css:

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

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

Albo, można ustawić zdjęcie jako tapetę i używać background-size: cover