सीएसएस

Question

द्वारा निर्दिष्ट आयामों के भीतर खाली छवि को प्रस्तुत करने के लिए फ़ायरफ़ॉक्स को फोर्स करें। एफएफ को छोड़कर सभी प्रमुख ब्राउज़रों को सीएसएस या चौड़ाई/ऊंचाई विशेषताओं के अनुसार निर्दिष्ट आयामों के भीतर अमान्य स्रोत विशेषता वाले चित्र प्रस्तुत करें। केवल एफएफ alt विशेषता प्रस्तुत करेगा क्योंकि यह पाठ नोड था, आयामों को अनदेखा कर रहा है, जो कई मामलों में लेआउट तोड़ता है।

क्या निर्दिष्ट आयामों के भीतर छवि प्रस्तुत करने के लिए एफएफ को मजबूर करने का कोई तरीका है?

Answer 1

width: और img टैग अपने आप में height विशेषता लिख ​​सकते हैं या सीएसएस में width और height के लिए !important इस्तेमाल करने की कोशिश

Answer 2

सीएसएस में इस नियम से जोड़ने का प्रयास करें: से

@-moz-document url-prefix(http), url-prefix(file) { 
    img:-moz-broken{ 
    -moz-force-broken-image-icon:1; 
    width:100px; 
    height:100px; 
    } 
} 

jsfiddle sample

स्रोत : https://stackoverflow.com/a/6744791/1915183

Answer 3

आप DOM एलीमेंट प्रतिनिधित्व

img{ 
display:block; 
} 

या

img{ 
display:inline-block; 
} 

या

img{ 
float:left; 
}