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

कोड की एक पंक्ति आपको केवल एक टेबल को केन्द्रित करने की आवश्यकता है

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

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

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

टेबल {मार्जिन: ऑटो; }

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

<टेबल शैली = "मार्जिन: ऑटो;">

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

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

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