एक Div . को कैसे केन्द्रित करें

विषयसूची:

एक Div . को कैसे केन्द्रित करें
एक Div . को कैसे केन्द्रित करें

वीडियो: एक Div . को कैसे केन्द्रित करें

वीडियो: एक Div . को कैसे केन्द्रित करें
वीडियो: Introducing Divs and controlling them with classes and ids 2024, अप्रैल
Anonim

आधुनिक पृष्ठ लेआउट मानक टेबल लेआउट के उपयोग को प्रतिबंधित नहीं करते हैं, हालांकि, स्तरित लेआउट, वास्तव में, साइट बनाते समय एक अनिवार्य मानक बन गया है। स्पष्ट लाभों के अलावा, टेबल लेआउट के प्रतिस्थापन ने कुछ नई बड़ी और छोटी समस्याएं लाई हैं। उनमें से एक पृष्ठ में ब्लॉक संरचना का क्षैतिज संरेखण है। आइए पृष्ठ की चौड़ाई के केंद्र में परत को सेट करने के कुछ व्यावहारिक तरीकों को देखें।

एक div. को कैसे केन्द्रित करें
एक div. को कैसे केन्द्रित करें

ज़रूरी

एचटीएमएल का बुनियादी ज्ञान

निर्देश

चरण 1

एक खुले पृष्ठ की विंडो के केंद्र में एक परत (DIV ब्लॉक) को संरेखित करने की समस्या को हल करने के विकल्पों में से एक को केवल HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज - "हाइपरटेक्स्ट मार्कअप लैंग्वेज") के माध्यम से बायपास किया जाता है। आपको ब्लॉक को टैग के अंदर रखना होगा। इस तरह से निर्धारित सबसे सरल पृष्ठ कोड, उदाहरण के लिए, इस तरह दिख सकता है:

एक डीआईवी को केंद्र में संरेखित करना

चरण 2

एक अन्य विकल्प CSS (कैस्केडिंग स्टाइल शीट्स) का उपयोग करता है। संरेखित परत की शैली में, आपको विंडो सीमाओं से ऑफ़सेट की मात्रा का स्वत: पता लगाने की आवश्यकता है। ऐसे पृष्ठ का कोड अपने सरलतम रूप में हो सकता है, उदाहरण के लिए, इस तरह:

एक डीआईवी को केंद्र में संरेखित करना

सिफारिश की: