Ατρビούτο justifyContent Style

Ορισμός και χρήση

Όταν τα στοιχεία δεν χρησιμοποιούν όλο το διαθέσιμο χώρο του άξονα του κύριου (οριζόντιο) justifyContent Το ατρビούτο ευθυγραμμίζει τα στοιχεία του ελαστικού κάδου.

Σημείωση:Χρησιμοποιήστε alignContent Τα στοιχεία ευθυγραμμίζονται κατά μήκος του οριζόντιου άξονα (κάθετα).

Για περισσότερες πληροφορίες:

Εγχειρίδιο CSS Εreference:Ατрибούτο justify-content

Παράδειγμα

Δώστε χώρο μεταξύ των στοιχείων του ελαστικού <div> κάδου:

document.getElementById("main").style.justifyContent = "space-between";

Δοκιμάστε το προσωπικά

Γλώσσα γραμματογραφίας

Επιστροφή του ατρビούτου justifyContent:

object.style.justifyContent

Ρύθμιση του ατρビούτου justifyContent:

object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit"

Τιμή ατρビούτου

Τιμή Περιγραφή
flex-start Προεπιλεγμένη τιμή. Τα στοιχεία βρίσκονται στην αρχή του κάδου.
flex-end Τα στοιχεία βρίσκονται στο τέλος του κάδου.
center Τα στοιχεία βρίσκονται στο κέντρο του κάδου.
space-between Δώστε χώρο για τα στοιχεία μεταξύ της γραμμής.
space-around Δώστε χώρο για τα στοιχεία πριν, μεταξύ και μετά τη γραμμή.
initial Ρυθμίστε αυτό το ατрибούτο στην προεπιλεγμένη του τιμή. Δείτε initial.
inherit Απόκτησε αυτό το ατрибούτο από το γονικό στοιχείο του. Δείτε inherit.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: flex-start
Αποτελεσματική τιμή: Σtring, που εκφράζει το στοιχείο του Ατрибούτο justify-content.
Έκδοση CSS: CSS3

Υποστήριξη Περιηγητών

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη 12.0 Υποστήριξη 9.0 Υποστήριξη

Σχετικές Σελίδες

HTML DOM STYLE Εγχειρίδιο Εference:Ατрибούτο alignContent

HTML DOM STYLE Εγχειρίδιο Εference:Ατрибούτο alignItems

HTML DOM STYLE Εγχειρίδιο Εference:Συμβουλευτική Ιδιότητα alignSelf