विषयसूची:

आप फ्लेक्स में स्पेस कैसे देते हैं?
आप फ्लेक्स में स्पेस कैसे देते हैं?

वीडियो: आप फ्लेक्स में स्पेस कैसे देते हैं?

वीडियो: आप फ्लेक्स में स्पेस कैसे देते हैं?
वीडियो: आसान फ्लेक्सबॉक्स कॉलम स्पेसिंग | फ्लेक्स गैप सीएसएस संपत्ति | सीएसएस में रो गैप, कॉलम गैप, गैप और स्पेसिंग 2024, नवंबर
Anonim

के अंत में आइटम रखने के लिए फ्लेक्स लाइन, औचित्य-सामग्री को सेट करें फ्लेक्स -समाप्त । मूल्य केंद्र स्थान फ्लेक्स पंक्ति के केंद्र में आइटम, समान मात्रा में खाली स्थान लाइन के शुरुआती किनारे और पहले आइटम के बीच। महत्व स्थान -बीच के बीच समान अंतर प्रदर्शित करता है फ्लेक्स आइटम।

इसी तरह, आप फ्लेक्स आइटम्स को कैसे पोजिशन करते हैं?

सारांश

  1. प्रदर्शन का प्रयोग करें: फ्लेक्स; एक फ्लेक्स कंटेनर बनाने के लिए।
  2. वस्तुओं के क्षैतिज संरेखण को परिभाषित करने के लिए औचित्य-सामग्री का उपयोग करें।
  3. वस्तुओं के लंबवत संरेखण को परिभाषित करने के लिए संरेखण-वस्तुओं का उपयोग करें।
  4. यदि आपको पंक्तियों के बजाय स्तंभों की आवश्यकता है तो फ्लेक्स-दिशा का उपयोग करें।
  5. आइटम ऑर्डर को फ़्लिप करने के लिए पंक्ति-रिवर्स या कॉलम-रिवर्स मानों का उपयोग करें।

इसके अलावा, फ्लेक्स फिल क्या है? ए फ्लेक्स कंटेनर आइटम को विस्तृत करता है भरना उपलब्ध खाली स्थान या अतिप्रवाह को रोकने के लिए उन्हें सिकोड़ता है। सबसे महत्वपूर्ण बात यह है कि फ्लेक्सबॉक्स लेआउट नियमित लेआउट के विपरीत दिशा-अज्ञेयवादी है (ब्लॉक जो लंबवत-आधारित और इनलाइन है जो क्षैतिज-आधारित है)।

बस इतना ही, क्या मैं जस्टिफाई कंटेंट स्पेस का उपयोग कर सकता हूँ?

NS " स्थान -समान रूप से" के लिए मूल्य औचित्य साबित - विषय संपत्ति वितरित करता है स्थान वस्तुओं के बीच समान रूप से। यह उसके जैसा है स्थान - चारों ओर लेकिन आधे आकार के बजाय बराबर प्रदान करता है स्थान किनारों पर। कर सकना होना उपयोग किया गया सीएसएस फ्लेक्सबॉक्स और ग्रिड दोनों में।

फ्लेक्स कंटेनर के भीतर डिफ़ॉल्ट अभिविन्यास क्या है?

NS चूक जाना प्रदर्शन लागू करने के बाद व्यवस्था: फ्लेक्स वस्तुओं को मुख्य अक्ष के साथ बाएं से दाएं व्यवस्थित करने के लिए है। नीचे दिया गया एनिमेशन दिखाता है कि क्या होता है जब फ्लेक्स - दिशा : कॉलम में जोड़ा जाता है पात्र तत्व। आप भी कर सकते हैं फ्लेक्स सेट करें - दिशा पंक्ति-रिवर्स और कॉलम-रिवर्स के लिए।

सिफारिश की: