CSS3 एक लेआउट मोड फ्लेक्सिबल बॉक्स प्रदान करता है, जिसे आमतौर पर फ्लेक्सबॉक्स कहा जाता है। फ्लेक्सबॉक्स (लचीला बॉक्स) CSS3 का एक लेआउट मोड है। इस मोड का उपयोग करके, आप जटिल अनुप्रयोगों और वेब पेजों के लिए आसानी से लेआउट बना सकते हैं। इसमें कंटेनर, फ्लेक्स आइटम आदि शामिल हैं। कंटेनर में निम्नलिखित गुण हैं -

• फ्लेक्स-दिशा

• फ्लेक्स-रैप

• फ्लेक्स-फ्लो

• औचित्य-सामग्री

• संरेखित-आइटम

• संरेखित-सामग्री

CSS3 में फ्लेक्स लेआउट मॉडल को दर्शाने वाला कोड निम्नलिखित है -

उदाहरण

फ्लेक्स लेआउट उदाहरण
1
2
3

1
2
3 

1
2
3


 
आउटपुट