सीएसएस कोलग्रुप के साथ "टेक्स्ट-एलाइन: सेंटर" का उपयोग करना: एक समस्या निवारण गाइड

तालिकाओं को फ़ॉर्मेट करते समय टेक्स्ट को क्षैतिज रूप से संरेखित करना एक आम चुनौती है . जबकि "टेक्स्ट-एलाइन" प्रॉपर्टी को व्यक्तिगत रूप से तालिका कोशिकाओं पर लागू किया जा सकता है, कभी-कभी कोलग्रुप पर लागू होने पर इसका कोई प्रभाव नहीं पड़ता है। ऐसा क्यों होता है इसकी व्याख्या और इस पर काबू पाने के लिए एक समाधान यहां दिया गया है। सीएसएस गुणों का सेट जिसे वे लागू कर सकते हैं। दुर्भाग्य से, "टेक्स्ट-एलाइन" उनमें से एक नहीं है। इसका मतलब यह है कि भले ही आप किसी कोलग्रुप पर "टेक्स्ट-एलाइन: सेंटर" निर्दिष्ट करते हैं, यह उसके कक्षों के भीतर टेक्स्ट के संरेखण को प्रभावित नहीं करेगा।

एक वैकल्पिक समाधान

किसी तालिका में एक कॉलम के भीतर केंद्रित पाठ को प्राप्त करने के लिए, आपको "पाठ-संरेखण: केंद्र" संपत्ति को सीधे तालिका कोशिकाओं पर लागू करने की आवश्यकता है। हालाँकि, यह एक और समस्या खड़ी करता है: तालिका में पहला कॉलम अभी भी बाएं-संरेखित "वें" तत्व की उपस्थिति के कारण केंद्रित नहीं है।

इसे हल करने के लिए, निम्नलिखित सीएसएस नियम जोड़ें: #myTable tbody td { टेक्स्ट-एलाइन: सेंटर } #myTable tbody td:first-child { टेक्स्ट-संरेखण: बाएँ }

ये नियम पहले कॉलम को छोड़कर सभी तालिका कोशिकाओं को केन्द्रित करते हैं, जो बाएँ-संरेखित रहता है, जिससे पूरे तालिका में उचित संरेखण सुनिश्चित होता है।

#myTable tbody td { text-align: center }
#myTable tbody td:first-child { text-align: left }

यह उल्लेखनीय है कि आपका HTML कोड अमान्य है क्योंकि इसमें "tr" तत्व की अनुपस्थिति पर प्रकाश डाला गया है "थेड" तत्व. उचित HTML संरचना और ब्राउज़र समर्थन सुनिश्चित करने के लिए इसे ठीक करने की आवश्यकता है।