यह अलंकारिक नहीं है: मैं वास्तव में सीएसएस बहु-स्तंभ लेआउट के लिए महान उपयोग के मामलों को खोजने में दिलचस्पी रखता हूं।
जवाब सीधा सा लगता है। कॉलम का उपयोग करें जब आप किसी सामग्री को कॉलम में विभाजित करना चाहते हैं, है ना? यहां आम तौर पर ऐसे उदाहरण दिए गए हैं जो आपको लेखों में मिलेंगे जो दिखाते हैं कि सीएसएस बहु-स्तंभ लेआउट कैसे काम करते हैं, जिसमें हमारे स्वयं के भी शामिल हैं पंचांग:
सही पर। लेकिन क्या यह वास्तविक उपयोग का मामला है? मम्मम्म शायद। यदि पाठ अपेक्षाकृत संक्षिप्त है, तो शायद यह एक अच्छा स्पर्श है। इस तरह मैंने अपनी वेबसाइट को फिर से डिज़ाइन करते समय इसे स्वयं को बेच दिया a कुछ साल पेहले. आज ऐसा नहीं है, लेकिन तब ऐसा दिखता था:
लेकिन एक पूरा लंबा-चौड़ा लेख कॉलम में विभाजित हो गया? मैं इसे अखबारों में पसंद करता हूं, लेकिन एक कॉलम को पढ़ने के लिए एक वेबपेज को नीचे स्क्रॉल करने में संकोच कर रहा हूं, केवल इसे फिर से करने के लिए वापस स्क्रॉल करने के लिए।
मुझे लगता है कि हम इसका उपयोग दो तत्वों को एक साथ रखने के लिए कर सकते हैं, लेकिन फ्लेक्सबॉक्स इसके लिए अधिक उपयुक्त है। साथ ही, एक सीमा हमें कॉलम को अलग-अलग आकार देने के लिए चुनने से रोकती है। स्तंभों की चौड़ाई समान होनी चाहिए।
कॉलम उनके लिए जा रहे हैं एक बात यह है कि वे एकमात्र सीएसएस लेआउट विधि हैं जो टुकड़े विषय। (अर्थात, जब तक हम गिन नहीं रहे हैं सीएसएस क्षेत्र...उनका क्या हुआ, वैसे भी?!) इसलिए, यदि आप किसी अनुच्छेद को स्तंभों में विभाजित करना चाहते हैं, तो यह पहले से ही अतिरिक्त आवरणों के बिना संभव है।
सामग्री के निरंतर ब्लॉक को स्तंभों में विभाजित करने के लिए आपको और कब आवश्यकता हो सकती है? मुझे याद है कि मुझे ऐसा करने की ज़रूरत थी जब मेरे पास वस्तुओं की एक बड़ी ओल 'अनियंत्रित सूची थी। मुझे पसंद है कि जिस तरह से सूचियाँ सामग्री को स्कैन करना आसान बनाती हैं, लेकिन लंबी सूचियाँ पृष्ठ के एक तरफ को बहुत भारी बना सकती हैं। मान लीजिए, उदाहरण के लिए, कि हम सीएसएस-ट्रिक्स के लिए सभी पोस्ट टैग को वर्णमाला समूहों में सूचीबद्ध कर रहे थे। एक बहु-स्तंभ लेआउट उसके लिए खूबसूरती से काम करता है:
आगे बढ़ें और व्यूपोर्ट की चौड़ाई का आकार बदलने का प्रयास करें। तीन कॉलम परिभाषित हैं लेकिन उपलब्ध स्थान की मात्रा के आधार पर संख्या बदल जाएगी। मीडिया क्वेरी काम के बिना उस सभी प्रतिक्रियाशील अच्छाई को प्यार करना चाहिए!
मैं इसके लिए एक डेमो पर काम कर रहा था :left
छद्म वर्ग और के लिए पहुंच गया columns
क्योंकि यह डेमो प्रिंट करने के लिए चीजों को खंडित करने का एक शानदार तरीका है। तो, मुझे लगता है कि एक और उपयोग का मामला है। और एक डेमो बनाते समय, मैंने महसूस किया कि एक बहु-स्तंभ लेआउट का उपयोग वस्तुओं की चिनाई ग्रिड बनाने के लिए किया जा सकता है, जैसे एक छवि गैलरी:
लेकिन और क्या? क्या हम छोटे पैराग्राफ, लंबी सूचियां और फ्री-फ्लोइंग ग्रिड तक सीमित हैं?