आज अधिकांश पृष्ठ परतों (div) का उपयोग करके बिछाए गए हैं, इसलिए साइट को ब्राउज़र विंडो के केंद्र में संरेखित करने की समस्या उस परत को केंद्रित करने के कार्य तक कम हो जाती है जो पृष्ठ के दृश्य क्षेत्र की चौड़ाई निर्धारित करती है। इसे खिड़की के बीच में स्थित करने के लिए, इसके मूल तत्व के लिए या इस ब्लॉक के लिए उपयुक्त सेटिंग्स सेट करना आवश्यक है।
यह आवश्यक है
HTML और CSS भाषाओं का बुनियादी ज्ञान
अनुदेश
चरण 1
यदि आप केवल HTML भाषा (हाइपरटेक्स्ट मार्कअप लैंग्वेज - "हाइपरटेक्स्ट मार्कअप लैंग्वेज") के माध्यम से करना चाहते हैं, तो उस लेयर को रखें, जिसे आप विंडो के बीच में, सेंटर टैग के खुलने और बंद होने वाले हिस्सों के बीच रखना चाहते हैं।. हम मान लेंगे कि पृष्ठ सीमाओं को परिभाषित करने वाली परत का पैरेंट इस पृष्ठ का मुख्य भाग है। इस मामले में केंद्र टैग का उपयोग करने वाले HTML कोड का सबसे सरल संस्करण इस तरह दिख सकता है:
केंद्र पृष्ठ
पृष्ठ पाठ
चरण दो
यदि आप पृष्ठ को केंद्र में संरेखित करने के लिए CSS (कैस्केडिंग स्टाइल शीट्स) का उपयोग करना चाहते हैं, तो ब्राउज़र विंडो की सीमाओं से पैडिंग के ऑटो-साइज़िंग का उपयोग करें। CSS में मार्जिन का आकार मार्जिन पैरामीटर द्वारा निर्धारित किया जाता है। पिछले नमूने से केंद्र टैग निकालें और पृष्ठ की चौड़ाई को परिभाषित करने वाली परत की शैली विशेषता में 0 ऑटो का मार्जिन पैरामीटर जोड़ें:
केंद्र पृष्ठ
पृष्ठ पाठ
चरण 3
बेशक, शैली परिभाषा को शैली विशेषता से बाहर निकाला जा सकता है और बाहरी फ़ाइल में या दस्तावेज़ के शीर्ष में (और टैग के बीच) रखा जा सकता है। इस मामले में, वही कोड इस तरह दिखेगा:
केंद्र पृष्ठ
#पेजफ्रेम {
चौड़ाई: 700px;
ऊंचाई: 400 पीएक्स;
पृष्ठभूमि: # 0BB;
मार्जिन: 0 ऑटो;
}
पृष्ठ पाठ
