सीएसएस में फ्लेक्स ब्लॉक की मुख्य और क्रॉस अक्ष
फ्लेक्सबॉक्स के बारे में दो शब्दों में बात की जा सकती है: पहला है - पंक्ति या कॉलम, दूसरा - अक्षों के संदर्भ में। पंक्तियों और कॉलमों से हम पहले ही परिचित हो चुके हैं, आइए अब अक्षों को समझते हैं। तत्वों को क्षैतिज या ऊर्ध्वाधर संरेखित करने के लिए अक्षों की समझ आवश्यक है।
फ्लेक्स तत्वों के साथ काम करते समय हमेशा एक मुख्य अक्ष
और एक क्रॉस अक्ष मौजूद होती है। हम तत्वों को मुख्य अक्ष
के साथ और मुख्य अक्ष के लंबवत (क्रॉस) संरेखित कर सकते हैं।
मुख्य अक्ष की 4 दिशाएँ हो सकती हैं: बाएं से दाएं,
दाएं से बाएं, ऊपर से नीचे और नीचे से ऊपर।
क्रॉस अक्ष की दिशा मुख्य अक्ष की दिशा पर निर्भर करती है: यदि मुख्य अक्ष क्षैतिज है, तो क्रॉस अक्ष ऊपर से नीचे की ओर होती है, यदि मुख्य अक्ष ऊर्ध्वाधर है, तो क्रॉस अक्ष बाएं से दाएं की ओर होती है। क्रॉस अक्ष की अन्य कोई दिशा नहीं हो सकती।
मुख्य अक्ष की दिशा flex-direction गुण द्वारा नियंत्रित होती है।
यदि इस गुण का मान row है - मुख्य अक्ष बाएं से दाएं की ओर है,
यदि मान row-reverse है, तो दाएं से बाएं की ओर है। मान column
अक्ष को ऊपर से नीचे की ओर निर्देशित करता है, और मान column-reverse
- नीचे से ऊपर की ओर।
मान लीजिए मुख्य अक्ष क्षैतिज है। क्रॉस अक्ष किस दिशा में होगी?
मान लीजिए मुख्य अक्ष ऊर्ध्वाधर है। क्रॉस अक्ष किस दिशा में होगी?
मान लीजिए क्रॉस अक्ष दाएं की ओर है। ऐसे में मुख्य अक्ष किस दिशा में हो सकती है?
मान लीजिए क्रॉस अक्ष नीचे की ओर है। ऐसे में मुख्य अक्ष किस दिशा में हो सकती है?
क्या क्रॉस अक्ष दाएं से बाएं की ओर हो सकती है?
क्या क्रॉस अक्ष नीचे से ऊपर की ओर हो सकती है?
मान लीजिए flex-direction गुण का
मान row है। मुख्य अक्ष किस दिशा में होगी? क्रॉस अक्ष किस दिशा में होगी?
मान लीजिए flex-direction गुण का
मान column है। मुख्य अक्ष किस दिशा में होगी? क्रॉस अक्ष किस दिशा में होगी?
मान लीजिए flex-direction गुण का
मान row-reverse है। मुख्य अक्ष किस दिशा में होगी? क्रॉस अक्ष किस दिशा में होगी?
मान लीजिए flex-direction गुण का
मान column-reverse है। मुख्य अक्ष किस दिशा में होगी? क्रॉस अक्ष किस दिशा में होगी?