मेरे पास एक छवि के आस-पास एक टैग है। मेरे पास div पर एक सीमा सेट है जिसमें टैग है। मेरे पास दोनों मार्जिन और पैडिंग 0 पर सेट हैं लेकिन किसी कारण से मेरा टैग अभी भी मेरी छवि से 3 पिक्सेल लंबा है। यह छवि और सीमा के बीच थोड़ी सी जगह छोड़ देता है, जो उस रूप को नष्ट कर देता है जिसे मैं पूरा करना चाहता हूं।एंकर टैग के नीचे सफेद स्थान
मैं क्या गलत कर रहा हूं? मैंने फ़ायरफ़ॉक्स और क्रोम दोनों में एक ही परिणाम के साथ परीक्षण किया है। धन्यवाद
छवि display: inline है इसलिए यह एक चरित्र की तरह व्यवहार किया जाता है और आधार रेखा पर बैठता है। अंतर अवरोधक के लिए प्रदान की गई जगह के कारण होता है (जिसे आप जे, जी, वाई और पी जैसे अक्षरों पर पाते हैं)।
सीएसएस के साथ vertical-align समायोजित करें: img{vertical-align: bottom}
display:block इस के लिए पर्याप्त है, अगर तत्व कोई भाई बहन है।
दिलचस्प, इसलिए असली अपराधी छवि टैग है, टैग नहीं। – Icode4food
डेविड ने काफी कुछ कहा है, किसी भी इनलाइन तत्व में अवरोधकों के लिए जगह होगी। यह प्राकृतिक व्यवहार है। –
दोनों "लंबवत-संरेखण: नीचे" और "प्रदर्शन: ब्लॉक" नीचे "अतिरिक्त सफेद स्थान" निकाल देंगे – aztack
अधिक विशेष रूप से, 'img {vertical-align: bottom} ' –
यह वही है जो हो रहा है। अगर मैं लंबवत-संरेखण करता हूं: नीचे; 'या' प्रदर्शन: ब्लॉक; '। बेहतर समाधान कौन सा है? – Icode4food
न तो बेहतर है, उनके पास अलग-अलग प्रभाव हैं। ब्लॉक तत्वों के चारों ओर लाइन तोड़ने और अन्य मजेदार साइड इफेक्ट्स है। – Quentin