सीएसएस का उपयोग कर एक टेबल कैसे केंद्र करें

कैस्केडिंग स्टाइल शीट्स (सीएसएस) एक स्टाइल शीट भाषा है जिसे अक्सर HTML और XHTML में लिखे गए वेब पृष्ठों की दृश्य शैली सेट करने के लिए उपयोग किया जाता है। आप वेब डिज़ाइन या सीएसएस के लिए नए हो सकते हैं और वेब पेज पर टेबल को कैसे केन्द्रित करना है इसके बारे में प्रश्न हैं। आप एक अनुभवी डिजाइनर भी हो सकते हैं जो अब इस तकनीक को निष्पादित करने के बारे में उलझन में है कि केंद्र टैग टैग और संरेखण = "केंद्र" विशेषता तालिका टैग में बहिष्कृत की गई है। सीएसएस के साथ, एक वेब पेज पर केंद्रित टेबल बिल्कुल मुश्किल नहीं है।

एक टेबल केंद्र के लिए सीएसएस का प्रयोग करें

आप क्षैतिज रूप से सभी तालिकाओं को केन्द्रित करने के लिए अपनी सीएसएस स्टाइल शीट में एक पंक्ति जोड़ सकते हैं:

या आप अपनी तालिका में उसी पंक्ति को सीधे जोड़ सकते हैं:

जब आप किसी वेब पेज में कोई टेबल डालते हैं, तो आप उसे ब्लॉक-लेवल तत्व जैसे बॉडी, पी, ब्लॉक्वाइट, या डीवी के भीतर रख रहे हैं। आप उस तत्व के भीतर तालिका का उपयोग करके केंद्र को केंद्रित कर सकते हैं मार्जिन: ऑटो; अंदाज। यह ब्राउज़र को टेबल के सभी किनारों पर मार्जिन बनाने के लिए बताता है, जो वेब पेज के केंद्र में तालिका को स्थान देता है।

कुछ पुराने वेब ब्राउज़र इस विधि का समर्थन नहीं करते हैं

यदि आपकी साइट को पुराने वेब ब्राउज़र का समर्थन करना चाहिए, जैसे इंटरनेट एक्सप्लोरर 6, तो आपको उपयोग करना जारी रखना होगाalign = "center" या केंद्र टैग को अपनी टेबल पर केंद्रित करने के लिए। यह एकमात्र जटिलता है जिसके बारे में आप वेब पेज पर अपनी टेबल को केंद्रित करते समय भाग लेंगे। इस तकनीक का उपयोग करना आसान है और मिनटों के मामले में निष्पादित किया जा सकता है।