तालिका प्रयोग गर्न सरल तरीका CSS प्रयोग गरेर

कोडको एक लाइन तपाईलाई तालिकामा केन्द्रित गर्न आवश्यक छ

क्यासिसिङ शैली पानाहरू (सीएसएस) एक शैली पाना भाषा हो जुन प्रायः एचटीएमएल र XHTML मा लिखित दृश्य पृष्ठहरूको दृश्य सेट गर्न प्रयोग गरिन्छ। तपाईं वेब डिजाइन वा सीएसएसमा नयाँ हुन सक्नुहुन्छ र वेब पृष्ठमा तालिका कसरी गर्ने भन्ने बारेमा प्रश्नहरू हुन सक्छ। तपाईले एक प्रविधि डिजाइनर हुन सक्छ जुन यो प्रविधि कसरी गर्ने भन्ने बारेमा भ्रम छ कि केन्द्र ट्याग र पङ्क्तिबद्ध गर्नुहोस् "केन्द्र" विशेषता विशेषता तालिका ट्यागमा खारेज गरिएको छ। CSS को साथ, एक वेब पेज मा केन्द्रित तालिकाहरु सबै गाह्रो छैन।

तालिकामा केन्द्रित गर्न CSS प्रयोग गर्नुहोस्

तपाईं एकल सीएसएस शैली पानामा एकल रेखा थप्न सबै तालिकाहरू तेर्सो रूपमा केन्द्र गर्न सक्नुहुन्छ:

तालिका {मार्जिन: ओटो; }

वा तपाईले तपाइँको तालिकामा सीधा रेखा जोड्न सक्नुहुन्छ:

<तालिका शैली = "मार्जिन: ओटो;">

जब तपाइँ वेब पृष्ठमा तालिका राख्नुहुन्छ, तपाइँ यसलाई ब्लक-स्तर तत्व जस्तै BODY, P, BLOCKQUOTE, वा DIV भित्र राखिरहनु भएको छ। तपाईं मार्जिन: स्वत: प्रयोग गरेर यस तत्व भित्र तालिका केन्द्र गर्न सक्नुहुन्छ शैली। यसले टेबलको सबै पक्षमा मार्जिन बनाउनको लागि ब्राउजरलाई बताउँछ, जुन वेब पेजको केन्द्रमा तालिका राख्छ।

केहि पुरानो वेब ब्राउजर यस तरिकालाई समर्थन गर्दैन

यदि तपाईंको साइटले पुरानो वेब ब्राउजरको समर्थन गर्नु पर्दछ, जस्तै इन्टरनेट एक्स्प्लोरर 6, त्यसपछि तपाईलाई पङ्क्तिबद्ध "केन्द्र" वा केन्द्र ट्याग प्रयोग गर्न जारी राख्नु पर्छ तपाईंको तालिकाहरूमा केन्द्रित। यो एकमात्र जटिलताको बारेमा हो जुन तपाइँ वेब पेजमा तपाईंको तालिकाहरू केन्द्रित हुँदा चल्नेछ। यस प्रविधिको प्रयोग गरेर सजिलो छ र मिनेटको कुरामा क्रियान्वित गर्न सकिन्छ।