सीएसएस और छवियों - तस्वीर का आकार क्यों नहीं बदला जाता है - सीएसएस, छवि

जब मैं div का आकार बदलना चाहता हूं, div में छवि अपना आकार बदलती नहीं है!? यह कैस्केड स्टाइल शीट है, है ना?

--EDIT--

.box{padding:0px;margin-left:10px;display:inline-block;margin-right:auto;width:20px;height:20px;border:1px solid red;}

<div class="box">
<img src="/images/larrow.gif"/>
</div>

उत्तर:

उत्तर № 1 के लिए 4

यह कैस्केड है, लेकिन चौड़ाई और ऊंचाई विरासत में नहीं हैं।

आप छवि को अपने माता-पिता के आकार का पालन करने के लिए कुछ करना चाहेंगे।

पसंद

div.box img { width: 100%; height: 100%; }

जवाब के लिए 2 № 2

<img> टैग की छवि की प्राकृतिक चौड़ाई या या तो एक अंतर्निहित चौड़ाई है width टैग की विशेषता जो सीएसएस के साथ अतिरंजित होनी चाहिए। छवि को अपने माता-पिता की चौड़ाई का 100% बनाने के लिए प्रयास करें <div>:

div img{
width: 100%;
}

मुझे लगता है कि आपको वास्तव में क्या कैस्केडिंग की गलतफहमी है। मैं "पढ़ने की सिफारिश करते हैं कैस्केड से संबंधित spec का हिस्सा है


जवाब के लिए 0 № 3

आपकी शैली चयनकर्ता केवल कक्षा के तत्वों से मेल खाता है boxdiv उस वर्ग है, लेकिन img नहीं करता है। इस प्रकार, div शैली लागू है और img नहीं करता है। कोशिश करें:

.box
{
padding:0px;
margin-left:10px;
display:inline-block;
margin-right:auto;
border:1px solid red;
}
.box, .box img
{
width:20px;
height:20px;
}

<div class="box">
<img src="/images/larrow.gif"/>
</div>

संबंधित सवाल
सबसे लोकप्रिय