Toolypet
Tools
Blog
भाषा बदलें
थीम टॉगल करें
CSS उपकरण
/
फ़्लेक्सबॉक्स प्लेग्राउंड
फ़्लेक्सबॉक्स प्लेग्राउंड
इंटरैक्टिव विज़ुअल नियंत्रणों का उपयोग करके CSS Flexbox रेस्पॉन्सिव लेआउट बनाएं
पूर्वावलोकन
रीसेट करें
आइटम जोड़ें
1
2
3
कंटेनर प्रॉपर्टीज़
फ़्लेक्स दिशा
row
row-reverse
column
column-reverse
फ़्लेक्स रैप
nowrap
wrap
wrap-reverse
सामग्री न्यायसंगत करें
flex-start
flex-end
center
space-between
space-around
space-evenly
आइटम संरेखित करें
flex-start
flex-end
center
stretch
baseline
सामग्री संरेखित करें
flex-start
flex-end
center
stretch
space-between
space-around
गैप
10px
प्रीसेट
बेसिक रो
सब कुछ केंद्रित करें
बीच में स्थान
चारों ओर स्थान
समान रूप से स्थान
कॉलम लेआउट
रिवर्स रो
रिवर्स कॉलम
आइटम रैप करें
आइटम
Item 1
फ़्लेक्स वृद्धि
फ़्लेक्स सिकुड़न
स्वयं संरेखित करें
auto
flex-start
flex-end
center
stretch
baseline
क्रम
Item 2
फ़्लेक्स वृद्धि
फ़्लेक्स सिकुड़न
स्वयं संरेखित करें
auto
flex-start
flex-end
center
stretch
baseline
क्रम
Item 3
फ़्लेक्स वृद्धि
फ़्लेक्स सिकुड़न
स्वयं संरेखित करें
auto
flex-start
flex-end
center
stretch
baseline
क्रम
CSS कोड
Loading...