सीएसएस display: inline बनाम इनलाइन-ब्लॉक

Question

संभव डुप्लिकेट:
What is the difference between display: inline and display: inline-block?

सीएसएस में, displayinline और inline-block का मान हो सकते हैं। क्या कोई विस्तार से inline और inline-block के बीच अंतर को समझा सकता है?

मैंने हर जगह खोज की, सबसे विस्तृत स्पष्टीकरण मुझे बताता है कि inline-blockinline के रूप में रखा गया है, लेकिन block जैसा व्यवहार करता है। लेकिन यह स्पष्ट नहीं करता कि वास्तव में "ब्लॉक के रूप में व्यवहार" का अर्थ क्या है। क्या यह कोई विशेष सुविधा है?

एक उदाहरण एक बेहतर जवाब होगा। धन्यवाद।

Answer 1

इनलाइन तत्वों:

1. सम्मान & सही मार्जिन और गद्दी, लेकिन नहीं छोड़ा शीर्ष & नीचे
2. की चौड़ाई और ऊंचाई सेट
3. अन्य तत्वों के लिए बैठने के लिए अनुमति नहीं हो सकता है उनके बाएँ और दाएँ।
4. इस here पर बहुत महत्वपूर्ण पक्ष नोट देखें।

ब्लॉक तत्वों:

1. सम्मान उन
2. बल के सभी ब्लॉक तत्व के बाद एक लाइन ब्रेक

इनलाइन-ब्लॉक तत्वों:

1. अनुमति देने के अन्य तत्वों अपने बाएं और दाएं
पर बैठने के लिए
2. शीर्ष & नीचे मार्जिन और गद्दी
3. सम्मान ऊंचाई और चौड़ाई

W3Schools से सम्मान करते हैं:

• एक इनलाइन तत्व के आगे या पीछे कोई लाइन ब्रेक है, और यह एचटीएमएल बर्दाश्त इसके बगल में तत्व।

• एक ब्लॉक तत्व के ऊपर और नीचे कुछ सफेद जगह है और इसके बगल में किसी भी HTML तत्व को बर्दाश्त नहीं करता है।

• एक इनलाइन-तत्व तत्व को इनलाइन तत्व (आसन्न सामग्री के समान रेखा पर) के रूप में रखा जाता है, लेकिन यह ब्लॉक तत्व के रूप में व्यवहार करता है।

जब आप यह कल्पना है, यह इस तरह दिखता है:

छवि this page है, जो भी इस विषय के बारे में कुछ और बात करती है से लिया जाता है।