इंटरैक्टिव सीएसएस फ्लेक्सबॉक्स खेल का मैदान और बिल्डर

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

आपके ब्राउज़र में चलता है। आपकी फ़ाइलें कभी आपके डिवाइस से बाहर नहीं जातीं। जाँचने का तरीका देखें

…

कैसे करें

1
चरण 1: इंटरैक्टिव सीएसएस फ्लेक्सबॉक्स खेल का मैदान और बिल्डर खोलें और अपनी जानकारी डालें
अपनी संख्याएँ या टेक्स्ट लिखें, फ़ाइल जोड़ें या ज़रूरी विकल्प चुनें। कुछ भी अपलोड नहीं होता: सब कुछ आपके ब्राउज़र में ही रहता है।
2
चरण 2: इंटरैक्टिव सीएसएस फ्लेक्सबॉक्स खेल का मैदान और बिल्डर क्या करता है
फ्लेक्स-दिशा, औचित्य-सामग्री, संरेखण-आइटम और वास्तविक समय में फ्लेक्सी आइटम संरेखण पूर्वावलोकन के साथ अंतराल के लिए दृश्य खेल का मैदान।
3
चरण 3: परिणाम देखें और मिलान करें
परिणाम तुरंत दिखता है। एक मान बदलकर देखें कि उत्तर कैसे बदलता है, फिर अपने मामले के अनुसार सही आँकड़ा रखें।
4
चरण 4: कॉपी या सेव करें
परिणाम कॉपी करें या डाउनलोड करें। किसी ज़रूरी फ़ैसले से पहले आधिकारिक स्रोत या सलाहकार से पुष्टि कर लें।

इस टूल के बारे में

Flexbox is the foundation of modern component layout. Easily toggle between `row`, `column`, and `row-reverse` directions, test all `justify-content` modes (center, space-between, space-around, space-evenly), set vertical `align-items`, and adjust gaps with an interactive visual playground.

बेहतर नतीजों के लिए सुझाव

शुरू करने से पहले विकल्प पढ़ लें और पहले किसी छोटे नमूने से टूल आज़माएँ। सब कुछ आपके अपने डिवाइस पर ब्राउज़र में चलता है, इसलिए आप जो लिखते या जोड़ते हैं वह अपलोड नहीं होता, और टैब बंद करने पर मिट जाता है। कुछ ठीक न लगे तो पेज रीलोड करके फिर कोशिश करें, या इस पेज के रिपोर्ट लिंक से हमें बताएँ कि क्या गड़बड़ हुई ताकि हम ठीक कर सकें। अगर नतीजा अब भी ग़लत लगे तो एक बार में एक मान बदलकर देखें कि कौन सा खाना सबसे ज़्यादा असर डालता है। अगर आपको यह टूल दोबारा चाहिए तो इस पेज को बुकमार्क कर लें।