चित्रों के नीचे अजीब अदृश्य मार्जिन

इस अंक में, लेखक को अनुपस्थिति के बावजूद, अपने वेब पेज में छवियों के नीचे एक अदृश्य मार्जिन का सामना करना पड़ता है कोड में ऐसा मार्जिन. इनलाइन तत्वों के रूप में छवियों की प्रकृति के कारण यह एक सामान्य समस्या है।

प्रतिक्रिया के अनुसार, छवियों का डिफ़ॉल्ट इनलाइन व्यवहार छवि के निचले भाग के बीच जगह बनाता है, जो पाठ आधार रेखा के साथ संरेखित होता है, और नीचे की ओर पाठ पंक्ति. इसे हल करने के लिए, समाधान यह है कि छवि को एक ब्लॉक तत्व में परिवर्तित किया जाए।

एक सरल समाधान डिस्प्ले का उपयोग करना है: ब्लॉक; इसे हासिल करने के लिए. दूसरी विधि छवि को फ्लोट के साथ फ़्लोट करना है: बाएँ; या फ़्लोट: दाएँ;, जो इसे एक ब्लॉक तत्व में भी बदल देता है।

ऊर्ध्वाधर-संरेखण, फ़ॉन्ट-आकार और रेखा-ऊंचाई जैसे गुणों को समायोजित करना भी रिक्ति को प्रभावित कर सकता है लेकिन कम विश्वसनीय है और अभी भी इसके प्रति संवेदनशील है विभिन्न संदर्भों में प्रभाव।

अधिक जानकारी के लिए दिए गए संबंधित प्रश्नों में निम्नलिखित शामिल हैं:

• XHTML 1.0 में छवियों के नीचे अवांछित रिक्ति सख्त
• मेरी छवियों में अतिरिक्त रिक्ति क्यों है?
• IE छवि रिक्ति समस्या