Η ιδιότητα alignContent του Style

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

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

Συμβουλή:Χρησιμοποιήστε Η ιδιότητα justifyContent Συμμορφώνει τα στοιχεία κατά μήκος του άξονα του κύριου (οριζόντια).

Σημείωση:Χρειάζεται να υπάρχουν πολλές γραμμές στοιχείων για να λειτουργήσει αυτή η ιδιότητα.

Παράδειγμα

Τοποθέτηση των στοιχείων του ελαστικού <div> στο κενό μεταξύ των γραμμών:

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

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

Γλώσσα

Επιστροφή της ιδιότητας alignContent:

object.style.alignContent

Ρύθμιση της ιδιότητας alignContent:

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

Τιμή ιδιότητας

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

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

Προεπιλεγμένη τιμή: stretch
Αποτελεσματική τιμή: Σtring, που εκφράζει το στοιχείο Ενδεικτική ιδιότητα align-content.
Έκδοση CSS: CSS3

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

alignContent Είναι χαρακτηριστικό CSS3 (1999).

Όλοι οι περιηγητές υποστηρίζουν το εντελώς:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη 11

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

Εγχειρίδιο CSSΕνδεικτική ιδιότητα align-content

HTML DOM STYLE ΕγχειρίδιοΕνδεικτική ιδιότητα alignItems

HTML DOM STYLE ΕγχειρίδιοΕνδεικτική ιδιότητα alignSelf

HTML DOM STYLE ΕγχειρίδιοΗ ιδιότητα justifyContent