सीएसएस में फ्लेक्स ब्लॉक की मुख्य और क्रॉस अक्ष

फ्लेक्सबॉक्स के बारे में दो शब्दों में बात की जा सकती है: पहला है - पंक्ति या कॉलम, दूसरा - अक्षों के संदर्भ में। पंक्तियों और कॉलमों से हम पहले ही परिचित हो चुके हैं, आइए अब अक्षों को समझते हैं। तत्वों को क्षैतिज या ऊर्ध्वाधर संरेखित करने के लिए अक्षों की समझ आवश्यक है।

फ्लेक्स तत्वों के साथ काम करते समय हमेशा एक मुख्य अक्ष और एक क्रॉस अक्ष मौजूद होती है। हम तत्वों को मुख्य अक्ष के साथ और मुख्य अक्ष के लंबवत (क्रॉस) संरेखित कर सकते हैं। मुख्य अक्ष की 4 दिशाएँ हो सकती हैं: बाएं से दाएं, दाएं से बाएं, ऊपर से नीचे और नीचे से ऊपर।

क्रॉस अक्ष की दिशा मुख्य अक्ष की दिशा पर निर्भर करती है: यदि मुख्य अक्ष क्षैतिज है, तो क्रॉस अक्ष ऊपर से नीचे की ओर होती है, यदि मुख्य अक्ष ऊर्ध्वाधर है, तो क्रॉस अक्ष बाएं से दाएं की ओर होती है। क्रॉस अक्ष की अन्य कोई दिशा नहीं हो सकती।

मुख्य अक्ष की दिशा flex-direction गुण द्वारा नियंत्रित होती है। यदि इस गुण का मान row है - मुख्य अक्ष बाएं से दाएं की ओर है, यदि मान row-reverse है, तो दाएं से बाएं की ओर है। मान column अक्ष को ऊपर से नीचे की ओर निर्देशित करता है, और मान column-reverse - नीचे से ऊपर की ओर।