CSS flex-wrap गुण
- पिछला पृष्ठ flex-shrink
- अगला पृष्ठ float
परिभाषा और उपयोग
flex-wrap गुण फ्लेक्सबास आइटम को लाइन बदलने के लिए निर्धारित करता है कि यह चाहे या ना हो।
टिप्पणी:यदि एलीमेंट फ्लेक्सबास नहीं है, तो flex गुण असंभव है।
और देखें:
CSS शिक्षा: CSS फ्लेक्स बॉक्स
CSS संदर्भ निर्देशिका:flex गुण
CSS संदर्भ निर्देशिका:flex-basis गुण
CSS संदर्भ निर्देशिका:flex-direction गुण
CSS संदर्भ निर्देशिका:flex-flow गुण
CSS संदर्भ निर्देशिका:flex-grow गुण
CSS संदर्भ निर्देशिका:flex-shrink गुण
HTML DOM संदर्भ निर्देशिका:flexWrap गुण
उदाहरण
फ्लेक्सबास आइटम जब ज़रूरत हो तो लाइन बदले जाए:
div {
display: flex;
flex-wrap: wrap;
}
CSS व्याकरण
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| nowrap | डिफ़ॉल्ट मूल्य। इस गुण निर्धारित करता है कि फ्लेक्सबास आइटम लाइन बदलेगा नहीं। |
| wrap | इस गुण निर्धारित करता है कि फ्लेक्सबास आइटम जब ज़रूरत हो तो लाइन बदलेगा। |
| wrap-reverse | इस गुण निर्धारित करता है कि फ्लेक्सबास आइटम जब ज़रूरत हो तो विपरीत दिशा में लाइन बदलेगा। |
| initial | इस गुण को इसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें initial। |
| inherit | इस गुण को उसके माता एलीमेंट से विरासत करें। देखें inherit। |
तकनीकी विवरण
| डिफ़ॉल्ट मूल्य: | nowrap |
|---|---|
| विरासत: | नहीं |
| एनिमेशन निर्माण: | समर्थित नहीं है। देखें:एनिमेशन संबंधी गुण। |
| संस्करण: | CSS3 |
| JavaScript व्याकरण: | object.style.flexWrap="nowrap" |
ब्राउज़र समर्थन
तालिका में दिए गए संख्याएं पूर्णतया समर्थित पहली ब्राउज़र संस्करण को इंगित करती हैं।
संख्या -webkit- या -moz- के साथ दिए गए हैं जो प्रारंभिक संस्करण के उपयोग के लिए प्रीफिक्स का प्रयोग करते हैं।
| च्रोम | IE / एज | फायरफॉक्स | साफारी | ओपेरा |
|---|---|---|---|---|
| 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
- पिछला पृष्ठ flex-shrink
- अगला पृष्ठ float
