Σχεδιαστής CSS Grid και Flexbox
Σχεδιάστε προσαρμοστικές διατάξεις Grid και Flexbox με ζωντανή προεπισκόπηση και CSS έτοιμο για αντιγραφή.
Περάστε τον δείκτη πάνω από ένα πεδίο ή επιλέξτε το για βοήθεια. Πατήστε Escape για κλείσιμο.
Πώς λειτουργεί
Επικολλήστε περιεχόμενο ή δείτε το παράδειγμα. Ορίστε τις διαθέσιμες επιλογές, εκτελέστε το εργαλείο και αντιγράψτε ή κατεβάστε το αποτέλεσμα.
Πρακτικό παράδειγμα
Διάταξη
Layout
Συχνές ερωτήσεις
Αποστέλλεται το κείμενό μου σε διακομιστή;
Όχι. Το περιεχόμενο υποβάλλεται σε επεξεργασία σε αυτό το πρόγραμμα περιήγησης. Δεν αποστέλλεται στον διακομιστή ούτε αποθηκεύεται.
Τι πρέπει να γνωρίζω για το Σχεδιαστής CSS Grid και Flexbox;
Η προεπισκόπηση χρησιμοποιεί αριθμημένα μπλοκ. Το παραγόμενο CSS περιλαμβάνει κανόνες διάταξης· προσαρμόστε επιλογείς και σημεία αλλαγής στη σελίδα σας.