सामान्य प्रवाह वह तरीका है जो अधिकांश परिस्थितियों में वेब पेज में तत्व प्रदर्शित होते हैं। एचटीएमएल में सभी तत्व अंदर के बक्से हैं जो या तो इनलाइन बॉक्स या ब्लॉक बॉक्स हैं।
ब्लॉक बॉक्स बाहर रखना
सामान्य प्रवाह में, ब्लॉक बॉक्स दूसरे पृष्ठ के बाद एक पृष्ठ पर स्थित होते हैं (क्रम में वे HTML में लिखे गए हैं)। वे युक्त बॉक्स के ऊपरी बाईं ओर शुरू होते हैं और ऊपर से नीचे तक ढेर होते हैं। प्रत्येक बॉक्स के बीच की दूरी मार्जिन द्वारा परिभाषित की जाती है जिसमें ऊपर और नीचे मार्जिन एक-दूसरे में गिरते हैं।
उदाहरण के लिए, आपके पास निम्न HTML हो सकता है:
यह पहला div है। यह 200 पिक्सल चौड़ा है जिसमें इसके चारों ओर एक 5 पीएक्स मार्जिन है।
यह एक व्यापक div है।
यह एक div है जो दूसरे की तुलना में थोड़ा बड़ा है।
प्रत्येक डीआईवी एक ब्लॉक तत्व है, इसलिए इसे पिछले ब्लॉक तत्व के नीचे रखा जाएगा। प्रत्येक बायां बाहरी किनारा युक्त ब्लॉक के बाएं किनारे को छूएगा।
इनलाइन बॉक्स डालना
इनलाइन बक्से क्षैतिज रूप से पृष्ठ पर रखे गए हैं, एक कंटेनर तत्व के शीर्ष पर दूसरी शुरुआत के बाद। जब एक पंक्ति पर इनलाइन बॉक्स के सभी तत्वों को फिट करने के लिए पर्याप्त जगह नहीं है, तो वे अगली पंक्ति में लपेटते हैं और वहां से लंबवत ढेर होते हैं।
उदाहरण के लिए, निम्नलिखित एचटीएमएल में:
यह पाठ बोल्ड है और यह पाठ इटालिक्स है । और यह सादा पाठ है।
अनुच्छेद एक ब्लॉक तत्व है, लेकिन 5 इनलाइन तत्व हैं:
- "यह पाठ इस प्रकार है "
- "साहसिक"
- "और यह पाठ"
- "इटैलिक"
- "और यह सादा पाठ है।"
तो सामान्य प्रवाह यह है कि वेब ब्लॉकर द्वारा किसी भी हस्तक्षेप के बिना इन ब्लॉक और इनलाइन तत्व वेब पेज पर कैसे प्रदर्शित होंगे।
यदि आप किसी पृष्ठ पर कोई तत्व कहां प्रभावित करना चाहते हैं तो आप सीएसएस पोजीशनिंग या सीएसएस फ्लोट का उपयोग कर सकते हैं।