Πίνακας περιεχομένων:

Πώς δίνετε χώρο στο Flex;
Πώς δίνετε χώρο στο Flex;
Anonim

Για να τοποθετήσετε αντικείμενα στο τέλος του καλώδιο γραμμή, ορίστε το justify-content σε καλώδιο -τέλος. Οι θέσεις στο κέντρο της αξίας καλώδιο στοιχεία στο κέντρο της γραμμής, με ίσες ποσότητες κενών χώρος μεταξύ του άκρου έναρξης της γραμμής και του πρώτου στοιχείου. Η αξία χώρος -Μεταξύ εμφανίζει ίση απόσταση μεταξύ καλώδιο είδη.

Ομοίως, πώς τοποθετείτε τα flex αντικείμενα;

Περίληψη

  1. Χρήση οθόνης: flex; για να δημιουργήσετε ένα εύκαμπτο δοχείο.
  2. Χρησιμοποιήστε το justify-content για να ορίσετε την οριζόντια στοίχιση των στοιχείων.
  3. Χρησιμοποιήστε στοιχεία στοίχισης για να ορίσετε την κατακόρυφη στοίχιση των στοιχείων.
  4. Χρησιμοποιήστε flex-direction εάν χρειάζεστε στήλες αντί για γραμμές.
  5. Χρησιμοποιήστε τις τιμές αντίστροφης γραμμής ή αντίστροφης στήλης για να αναστρέψετε τη σειρά των στοιχείων.

Επίσης, τι είναι το Flex fill; ΕΝΑ καλώδιο κοντέινερ επεκτείνει τα στοιχεία σε γέμισμα διαθέσιμο ελεύθερο χώρο ή τα συρρικνώνει για να αποτρέψει την υπερχείλιση. Το πιο σημαντικό είναι ότι η διάταξη flexbox είναι αγνωστική ως προς την κατεύθυνση σε αντίθεση με τις κανονικές διατάξεις (μπλοκ που βασίζεται κάθετα και ενσωματωμένο που βασίζεται σε οριζόντια).

Απλώς, μπορώ να χρησιμοποιήσω το justify χώρο περιεχομένου τριγύρω;

Ο " χώρος -ομοιόμορφη" τιμή για το δικαιολογώ - περιεχόμενο ιδιοκτησία διανέμει το χώρος μεταξύ των στοιχείων ομοιόμορφα. Είναι παρόμοιο με χώρος - περίπου αλλά παρέχει ίσο αντί για μισό μέγεθος χώρος στις άκρες. Μπορώ είναι μεταχειρισμένος τόσο σε CSS flexbox όσο και σε grid.

Ποιος είναι ο προεπιλεγμένος προσανατολισμός σε ένα κοντέινερ Flex;

ο Προκαθορισμένο διάταξη μετά την εφαρμογή της οθόνης: καλώδιο είναι για τα στοιχεία που θα τακτοποιηθούν κατά μήκος του κύριου άξονα από αριστερά προς τα δεξιά. Η παρακάτω κινούμενη εικόνα δείχνει τι συμβαίνει πότε καλώδιο - κατεύθυνση : στήλη προστίθεται στο δοχείο στοιχείο. Μπορείτε επίσης να σετ flex - κατεύθυνση σε σειρά-αντίστροφη και στήλη-αντίστροφη.

Συνιστάται: