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

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

2025-03-24 को पोस्ट किया गया
ब्राउज़ करें:770

] जबकि फ्लेक्सबॉक्स एक सीधा दृष्टिकोण प्रदान करता है, सीएसएस ग्रिड के साथ एक ही परिणाम प्राप्त करने के लिए थोड़ा और विचार की आवश्यकता होती है। कार्य। " जैसा कि प्रतिक्रिया में कहा गया है:

How to Achieve Equal Width Columns in CSS Grid Regardless of Content Size? 
"1fr उपलब्ध (!) स्थान के वितरण के बारे में है। यह जैसे ही सामग्री ट्रैक के आकार से बड़ी हो जाती है, यह टूट जाती है।" minmax (0, 1fr)); यह सुनिश्चित करता है कि कॉलम समान चौड़ाई बनाए रखते हैं। हालाँकि, यह दृष्टिकोण सामग्री अतिप्रवाह का कारण हो सकता है यदि यह स्तंभ की चौड़ाई से अधिक हो जाता है।

इन दृष्टिकोणों के बीच अंतर के दृश्य प्रदर्शन के लिए, निम्न उदाहरण पर विचार करें:

आइटम 1
आइटम 2
आइटम 3

दोहराने (3, 1fr) के साथ, कॉलम उपलब्ध स्थान के आधार पर उनकी चौड़ाई को समायोजित करेंगे, संभावित रूप से विभिन्न चौड़ाई के परिणामस्वरूप। हालाँकि, रिपीट (3, Minmax (0, 1fr)) का उपयोग करके यह सुनिश्चित करेगा कि सभी तीन कॉलम में बिल्कुल समान चौड़ाई है, भले ही सामग्री आकार की परवाह किए बिना।

नवीनतम ट्यूटोरियल अधिक>

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

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

Copyright© 2022 湘ICP备2022001581号-3