如何使圖像獲得切斷

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

看到在第一圖像女孩頭部和腿部如何被切斷，因爲圖像是方太長時間。我該如何做到這一點，以便切斷它們並將它們切斷？或者，如果它太寬，它會切斷雙方？

Answer 1

假設的HTML結構是這樣的：

<div> 
    <img /> 
</div> 

使用這個CSS：

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

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

或者，您可以將圖像設置爲背景圖像，並使用background-size: cover