वेब पेज पर लचीला प्रतिक्रियाशील लेआउट डिजाइन करने के लिए फ्लेक्सबॉक्स लेआउट मॉड्यूल का उपयोग करें। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं।
कंटेनर में निम्नलिखित गुण हैं
CSS के साथ 4-स्तंभ लेआउट ग्रिड बनाने के लिए, कोड इस प्रकार है - उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } * {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स; } .प्रथम, .सेकंड, .तीसरा, .चौथा {फ्लोट:बाएं; चौड़ाई:25%; रंग सफेद; पैडिंग:10px; ऊंचाई:500 पीएक्स; पाठ-संरेखण:केंद्र; } .पहले
सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector { flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> div {
HTML में फ्लेक्सबॉक्स लेआउट बनाने के लिए, CSS फ्लोट का उपयोग करें। सामग्री दिखाने के लिए वेबसाइटों में कई कॉलम होते हैं। सीएसएस फ्लोट बहु-स्तंभ लेआउट के तरीकों में से एक है। Flexbox लेआउट CSS3 में पेश किया गया। यह लेआउट स्क्रीन के आकार को समायोजित करने और कई डिस्प्ले उपकरणों पर सही ढंग से प्रदर्शित