"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > क्या सीएसएस सामग्री के आकार की परवाह किए बिना टेबल सेल की चौड़ाई को नियंत्रित कर सकता है?

क्या सीएसएस सामग्री के आकार की परवाह किए बिना टेबल सेल की चौड़ाई को नियंत्रित कर सकता है?

2024-11-07 को प्रकाशित
ब्राउज़ करें:629

Can CSS Control Table Cell Widths Regardless of Content Size?

सीएसएस के साथ टेबल सेल की चौड़ाई को नियंत्रित करना

एचटीएमएल टेबल के दायरे में, विभिन्न आकारों की सामग्री से निपटने के दौरान टेबल सेल की एक समान चौड़ाई सुनिश्चित करना एक चुनौती हो सकती है। क्या हम इस वांछित परिणाम को पूरी तरह से सीएसएस के माध्यम से प्राप्त कर सकते हैं, इसमें शामिल कोशिकाओं की संख्या की परवाह किए बिना?

एचटीएमएल संरचना सीधी है: एक मूल

तालिका कंटेनर के रूप में कार्य करता है, जबकि बच्चे
तत्व तालिका का प्रतिनिधित्व करते हैं सेल.

इस समस्या के समाधान के लिए सीएसएस का लाभ उठाया जा सकता है। समान सेल चौड़ाई सुनिश्चित करने के लिए, सामग्री आकार की परवाह किए बिना, हमें इसकी आवश्यकता है:

  1. फिक्स्ड टेबल लेआउट तंत्र को ट्रिगर करें: टेबल-लेआउट सेट करें: फिक्स्ड; मूल
    पर। यह ब्राउज़र को निर्दिष्ट सेल चौड़ाई को सामग्री में स्वचालित रूप से समायोजित करने के बजाय लागू करने का निर्देश देता है। तालिका सेल का प्रतिनिधित्व करने वाले प्रत्येक
    का %) निश्चित तालिका लेआउट के लिए ट्रिगर के रूप में कार्य करता है।
  2. अंतिम सीएसएस कोड इस प्रकार दिखाई देता है:
  3. div { प्रदर्शन: तालिका; चौड़ाई: 250px; टेबल-लेआउट: निश्चित; } डिव > डिव { प्रदर्शन: टेबल-सेल; चौड़ाई: 2%; }

    इस दृष्टिकोण के साथ, तालिका कोशिकाएं समान चौड़ाई बनाए रखेंगी, जिससे उनकी सामग्री की परवाह किए बिना एक सुसंगत उपस्थिति सुनिश्चित होगी।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3