Στοίχιση Flex Στοιχείων Κατά τον Γονέα στο CSS

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

Ας δούμε ένα παράδειγμα:

css.parent {
  display: flex;
  justify-content: space-between;
}

Αποτέλεσμα εκτέλεσης κώδικα: