चौड़ाई लेने के लिए <img> को मजबूर करने के लिए कैसे करें, भले ही छवि लोड नहीं की गई हो

Question

मैं आईएमजी का एक गुच्छा लोड कर रहा हूं, और मैं चाहता हूं कि वे दस्तावेज़ पर स्थान ले लें, भले ही वे लोड न हों, या अभी तक लोडिंग पूरा नहीं किया है।

मैंने चौड़ाई और ऊंचाई (दोनों विशेषताओं के रूप में, और एक शैली विशेषता के भीतर) निर्दिष्ट करने का प्रयास किया, और यह निराशाजनक पाया कि यदि छवि लोड नहीं होती है तो छवियां स्थान नहीं लेतीं।

निश्चित रूप से, विशिष्ट आयामों के लिए एक आईएमजी को मजबूर करने का एक तरीका होना चाहिए, ** भले ही वह छवि लोड होने में विफल हो।

धन्यवाद

Answer 1

वहाँ निश्चित रूप से है:

<img src="path/to/image.png" height="50" width="20" /> 

इसके अलावा, कारण style="/* css */" विशेषता भीतर चौड़ाई और ऊंचाई निर्दिष्ट काम नहीं किया है, क्योंकि छवियों, डिफ़ॉल्ट रूप से, इन-लाइन तत्व हैं । अगर आपने display: block निर्दिष्ट किया था तो छवि width और height मान स्वीकार कर लेगी।

जोड़ते हैं, तो सीएसएस/शैली के लिए:

display: inline-block; 

यह काम करना चाहिए। मुझे यकीन नहीं है क्यों फ़ायरफ़ॉक्स चौड़ाई/ऊंचाई विशेषताओं का सम्मान नहीं करता है, लेकिन फिर भी। यहां तक ​​कि आईई, परिभाषित doctype के साथ display: inline-block का सम्मान करना चाहिए, क्योंकि img तत्व डिफ़ॉल्ट रूप से, इनलाइन में हैं।

Answer 2

सरल उत्तर: एक निश्चित चौड़ाई के साथ छवि को <div> में लपेटें।

<div style="width: 400px;"><img src="404.png" /></div> 

आप गद्दी, 0 के लिए सीमा आदि सेट करते हैं, तुम नोटिस नहीं होगा कि div है।