तालिका तालिकामा केन्द्र पाठ कसरी गर्ने

यदि तपाइँ नौसिख वेब डिजाइनर हुनुहुन्छ भने, तपाइँसँग हुन सक्छ कि पाठ कसरी तालिका कक्षको केन्द्रमा केन्द्रित गर्ने। यो मार्गदर्शकको साथ, यो प्रविधिको केवल केही मिनेटमा मास्टर गर्नुहोस्। यो सजिलो छ - यदि तपाईंले पहिले कहिल्यै प्रयास गर्नुभएन।

सुरु गर्दै

सेल भित्रको पाठ केन्द्रित CSS को साथ राम्रो तरिकाले गरिन्छ, जस्तै कि तपाईं आफ्नो वेब पेजमा अन्य तत्वमा पाठ केन्द्र राख्नुहुन्छ। सुरूवात गर्नु अघि, तपाईलाई निर्णय गर्न आवश्यक छ कि तपाई के सोच्नु हुन्छ कि तपाईं केन्द्रित हुन चाहनुहुन्छ। तालिकाको साथमा, तपाइँसँग धेरै विकल्प छन्, तालिकामा हरेक कक्ष सहित; तालिकामा प्रत्येक हेडर सेल तालिकामा हेड, टेबलको शरीर वा तालिकाको पैरामा। तपाईं तालिकामा एक विशेष सेल वा सेलहरूको सेट पनि केन्द्रित गर्न सक्नुहुनेछ।

यसको अतिरिक्त, तपाइँले तपाइँको कागजातको टाउकोमा आन्तरिक शैली पाना सिर्जना गर्न वा बाह्य शैली पानाको रुपमा कागजातमा संलग्न गर्नुपर्छ। तपाइँले शैलीहरू तपाइँको तालिका कक्षमा कि शैली पानामा केन्द्रित गर्नुहुनेछ।

तालिकामा प्रत्येक कक्ष कसरी केन्द्रित हुन्छ

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

td, th {text-align: center; }

तालिकामा हरेक हेडर सेल कसरी केन्द्रित गर्ने?

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

th {text-align: center; }

तालिकाको हेड, शरीर वा फुटमा हरेक कक्ष केन्द्रित

यी कक्षहरूलाई केन्द्रित गर्नको लागि, तपाईंले तालिका ट्यागहरू जुन सधैँ प्रयोग गर्नुभएन भने, जस्तै , र थप्न आवश्यक छ। त्यसपछि, तपाइँ तालिका तालिका, शरीर, र खुट्टा पहिचान गर्न यी ट्यागका साथ तपाईका तालिका कक्षहरू घेरिरहनुहुनेछ। त्यस पछि, तपाईले तपाइँको शैली पानामा निम्न जोड्नुहुनेछ।

thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

तपाईँले मनपर्ने क्षेत्रहरूको लागि शैलीहरू हटाउनुहोस्।

तालिकामा निर्दिष्ट कक्ष वा कक्ष कसरी केन्द्रित गर्नुहोस्

यो गर्नका लागि, तपाईंलाई कक्षमा सेट गर्न आवश्यक छ जुन तपाईं केन्द्रित गर्न चाहानुहुन्छ।

निम्न कक्षलाई तालिका कक्षहरूमा केन्द्रित गर्नुहोस् जुन तपाईंले केन्द्रित गर्न चाहानुहुन्छ।

class = "centered-cell" >

त्यसपछि तपाईंको शैली पानामा निम्न थप्नुहोस्:

केन्द्रित कक्ष {पाठ-पङ्क्तिबद्ध: केन्द्र; }

तपाइँ यस कक्षालाई तपाइँको तालिकामा कुनै पनि सेलमा थप्न सक्नुहुनेछ।

लिपिङ अप

तपाईंको कुनै पनि तालिका कक्षहरूमा यी शैलीहरू प्रयोग गर्न संकोच नगर्नुहोस्। तपाईं तिनीहरूलाई मर्ज गरिएको सेल वा एकल कक्षहरूमा प्रयोग गर्न सक्नुहुन्छ र पाठ भित्र केन्द्रित गरिनेछ।