छवियों कैसे बनाने के लिए

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> 

इस सीएसएस का उपयोग करें:

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

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

या, आप एक पृष्ठभूमि छवि के रूप में छवि सेट और background-size: cover