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