Làm thế nào để làm cho hình ảnh bị cắt gọn

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

Xem Trên hình ảnh đầu tiên như thế nào các cô gái đầu và chân bị cắt đứt bởi vì hình ảnh quá dài cho vuông. Làm thế nào tôi có thể làm cho nó để nó cắt chúng cả và tắt nó? Hoặc nếu nó quá rộng nó sẽ cắt các bên?

Answer 1

Giả sử một cấu trúc HTML như thế này:

<div> 
    <img /> 
</div> 

Sử dụng css này:

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

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

Hoặc, bạn có thể thiết lập hình ảnh làm hình nền và sử dụng background-size: cover