flex-flowसंपत्ति लचीला बॉक्स लेआउट मॉड्यूल की एक उप-संपत्ति है।
यह एक आशुलिपि flex-directionऔर के लिए है flex-wrap।
वाक्य - विन्यास
flex-flow: || .flex-container ( flex-flow: row wrap; )आप एक या दो मान निर्दिष्ट कर सकते हैं, चाहे कोई भी आदेश हो।
डेमो
दोनों सूचियाँ ठीक उसी तरह से व्यवहार करती हैं:
- नीला एक है
flex-direction: rowऔरflex-wrap: wrap - लाल एक है
flex-flow: row wrap
ब्राउज़र का समर्थन
- (आधुनिक) का अर्थ है विनिर्देश से हाल का वाक्य-विन्यास (जैसे
display: flex;) - (हाइब्रिड) का अर्थ है 2011 से एक विषम अनौपचारिक वाक्यविन्यास (जैसे
display: flexbox;) - (पुराना) का अर्थ है 2009 से पुराना वाक्यविन्यास (जैसे
display: box;)
| क्रोम | सफारी | फ़ायर्फ़ॉक्स | ओपेरा | अर्थात | एंड्रॉयड | आईओएस |
|---|---|---|---|---|---|---|
| 21+ (आधुनिक) 20- (पुराना) | 3.1+ (पुराना) | 2-21 (पुराना) 22+ (नया) | 12.1+ (आधुनिक) | 10+ (संकर) | 2.1+ (पुराना) | 3.2+ (पुराना) |
ब्लैकबेरी ब्राउज़र 10+ नए सिंटैक्स का समर्थन करता है।
सबसे अच्छा ब्राउज़र समर्थन पाने के लिए वाक्यविन्यास को कैसे मिलाया जाए, इसके बारे में अधिक जानकारी के लिए, कृपया इस लेख (CSS-Tricks) या इस लेख (DevOpera) का संदर्भ लें।