Γεννήτρια CSS Flexbox

Αναφορά

Τι είναι το CSS Flexbox;

Το CSS Flexible Box Layout (Flexbox) είναι μια μονοδιάστατη μέθοδος διάταξης για την τοποθέτηση στοιχείων σε σειρές ή στήλες. Τα στοιχεία ευελίξουν (επεκτείνονται) για να γεμίσουν πρόσθετο χώρο ή συρρικνώνονται για να χωρέσουν σε μικρότερους χώρους. Διευκολύνει τη σχεδίαση ευέλικτων, responsive δομών διάταξης.

Βασικές ιδιότητες Flexbox

Το flex-direction ορίζει την κατεύθυνση του κύριου άξονα. Το justify-content ευθυγραμμίζει στοιχεία κατά μήκος του κύριου άξονα. Το align-items ευθυγραμμίζει στοιχεία κατά μήκος του εγκάρσιου άξονα. Το flex-wrap ελέγχει αν τα στοιχεία αναδιπλώνονται σε νέες γραμμές. Το gap ορίζει τον κενό χώρο μεταξύ στοιχείων.

Απόρρητο

Όλη η δημιουργία flexbox εκτελείται 100% στον browser σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν server.