इनलाइन-ब्लॉक की बजाय छवि इनलाइन के लिए डिफ़ॉल्ट डिस्प्ले शैली क्यों है?छवि का उपयोग क्यों करता है: इनलाइन लेकिन इनलाइन-ब्लॉक तत्व की तरह व्यवहार करता है
क्या आईएमजी तत्वों के लिए इनलाइन और इनलाइन-ब्लॉक के बीच कोई अंतर है, जो मैं देख सकता हूं कि यह वही तरीके से व्यवहार करता है।
इनलाइन-ब्लॉक आपको बॉक्स-मॉडल स्टाइल (जैसे इसे आयाम देने) के साथ ऑब्जेक्ट की उपस्थिति में हेरफेर करने की अनुमति देता है, लेकिन आपको ऑब्जेक्ट को टेक्स्ट की तरह इनलाइन में रखने की अनुमति देता है।
मुझे पता है कि इनलाइन और इनलाइन-ब्लॉक के बीच क्या अंतर है। सवाल यह है कि यदि कोई अंतर है तो छवि तत्व इनलाइन-ब्लॉक पर सेट करते समय उसी तरह व्यवहार करते हैं। मेरी तर्क सेटिंग चौड़ाई और ऊंचाई में यह प्रदर्शित नहीं होने पर काम नहीं करेगा: इनलाइन – jontro
दिलचस्प। इसे पढ़ें: http://reference.sitepoint.com/css/replacedelements – Rodik
अच्छा पढ़ा, यह कुछ और अंतर्दृष्टि देता है। मैं विषय पर अधिक जानकारी के बारे में अभी भी curios हूँ। – jontro
इनलाइन ब्लॉक इनलाइन के समान है, सिवाय इसके कि यह आपको पैडिंग और मार्जिन जैसे ब्लॉक गुणों को समायोजित करने की अनुमति देता है। डिफ़ॉल्ट रूप से, छवियों को एक समाचार लेख में आरेख की तरह पाठ के साथ अर्थात् प्रवाह करना होता है, यही कारण है कि सभी मूल विशेषताओं को पाठ प्रवाह के साथ छवि को संरेखित करने के साथ करना है।
इनलाइन-ब्लॉक एक नई सीएसएस 2 घोषणा है, और not fully implemented in IE 6/7 है।
सवाल वास्तव में वास्तव में सख्त मोड/एचटीएमएल 5 से संबंधित है। मैं अभी भी मार्जिन सेट कर सकता हूं भले ही छवि डिफ़ॉल्ट इनलाइन – jontro
है, आपकी पहली वाक्य बिल्कुल सटीक नहीं है। मार्जिन और पैडिंग इनलाइन तत्वों और इनलाइन ब्लॉक तत्वों दोनों पर लागू होते हैं, लेकिन वे अपने भाई-बहनों और माता-पिता के संबंध में अलग तरीके से रखे जाते हैं। – BoltClock
यह केवल एक इनलाइन तत्व है जो आयाम विशेषताओं का समर्थन करता है: Embedded content - the img element।
IMG एक इनलाइन & बदला तत्व है।
एक प्रतिस्थापित तत्व कोई तत्व है जिसका उपस्थिति और आयाम बाहरी संसाधन द्वारा परिभाषित किया गया है। के रूप में प्रति W3C
आईएमजी तत्व
कोई सामग्री नहीं है;
replaced inlineद्वारा स्रोत विशेषता द्वारा निर्दिष्ट छवि, बाईं ओरदाएं-गठबंधन छवियों के लिए अपवाद है जो पंक्ति से बाहर "फ़्लोट" हैं।
चेक अधिक http://reference.sitepoint.com/css/replacedelements
अपने प्रश्न के पहले भाग पहले से ही उत्तर है, इसलिए मैं दोहराना नहीं होगा।
दूसरे भाग के लिए, फ़ायरफ़ॉक्स जैसे कुछ ब्राउज़र एक छवि के रूप में नो-छवि img टैग प्रस्तुत करते हैं, भले ही चौड़ाई और ऊंचाई विशेषताओं को सीएसएस में निर्दिष्ट किया गया हो।
आप इसे बाहर अपने आप को इस एचटीएमएल कोड के साथ की कोशिश कर सकते हैं:
<img alt='no image' src='about:blank'><br>
<img alt='no image' src='about:blank'id=iblock>
और इसी सीएसएस:
img {
height: 100px;
width: 100px;
background: cyan;
}
#iblock {
display: inline-block;
}
या JsFiddle पर इस डेमो साथ प्रभाव प्रतिपादन में अंतर देखते हैं।
दिलचस्प खोज! – jontro
आप इस लिंक जाँच की है? यह आप [http://stackoverflow.com/questions/2402761/img-elements-block-level-element-or-inline-element][1] मदद मिल सकती है [1]: http://stackoverflow.com/questions/2402761/img-elements-block-level-element-or-inline-element – NewUser
ऐतिहासिक कारण? अनिच्छुक अनुकूलता? कौन जानता है .. – Aprillion