सीएसएस ग्रिड लेआउट में कॉलम को पुन: व्यवस्थित करना

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

समाधान विकल्प:

1. ग्रिड-टेम्पलेट-क्षेत्र: यह संपत्ति आपको ग्रिड के भीतर नामित क्षेत्रों को परिभाषित करने और फिर उन क्षेत्रों में ग्रिड आइटम निर्दिष्ट करने की अनुमति देती है। नामित क्षेत्रों का उपयोग करके, आप स्रोत कोड में उनके प्रारंभिक क्रम पर भरोसा किए बिना वस्तुओं के लेआउट और ऑर्डर को नियंत्रित कर सकते हैं।
2. लाइन-आधारित प्लेसमेंट: लाइन-आधारित प्लेसमेंट के साथ, आप ऐसा कर सकते हैं उस कॉलम को निर्दिष्ट करने के लिए ग्रिड-कॉलम-* गुणों का उपयोग करें जिसमें कोई आइटम रखा जाना चाहिए। विशिष्ट कॉलमों में ग्रिड आइटम निर्दिष्ट करके, आप ग्रिड के भीतर उनके क्रम और स्थिति को नियंत्रित कर सकते हैं। स्रोत कोड में उनके प्रारंभिक क्रम का। ऑर्डर मान निर्दिष्ट करके, आप ग्रिड के भीतर वस्तुओं का दृश्य अनुक्रम निर्धारित कर सकते हैं।
3. ग्रिड-ऑटो-फ्लो का सघन कार्य: ग्रिड-ऑटो-फ्लो का सघन कार्य ग्रिड लेआउट को अनुकूलित करता है उपलब्ध स्थान को यथासंभव कुशलतापूर्वक भरने के लिए ग्रिड आइटमों के स्थान को स्वचालित रूप से समायोजित करके। इसका उपयोग प्रश्न में मोबाइल लेआउट प्राप्त करने के लिए किया जा सकता है, जहां छोटे स्क्रीन आकार को समायोजित करने के लिए आवश्यक वस्तुओं को नई लाइनों में ले जाया जाता है।
4. नमूना कोड:

निम्नलिखित उदाहरण प्रश्न में वर्णित मोबाइल लेआउट को प्राप्त करने के लिए ग्रिड-ऑटो-फ़्लो: सघन फ़ंक्शन के उपयोग को दर्शाता है: