Ιδιότητα Style alignItems

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

alignItems Η ιδιότητα αυτή καθορίζει την προεπιλεγμένη τάξη στοιχείων ενός ευελιξίας κουτιού.

Συμβουλή:Χρησιμοποιήστε την ιδιότητα κάθε στοιχείου ιδιότητα align-self για να καλύψει align-items.

Παράδειγμα

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

document.getElementById("main").style.alignItems = "flex-start";

Προσπαθήστε να το δοκιμάσετε

Γραμματική

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

object.style.alignItems

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

object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"

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

Τιμή Περιγραφή
stretch Προεπιλεγμένο. Το στοιχείο τεντωθεί για να ταιριάζει στο κουτί.
center Το στοιχείο βρίσκεται στο κέντρο του κουτιού.
flex-start Το στοιχείο βρίσκεται στην αρχή του κουτιού.
flex-end Το στοιχείο βρίσκεται στο τέλος του κουτιού.
baseline Το στοιχείο τοποθετείται στη βασική γραμμή του κουτιού.
initial Ανασύρτε την τιμή αυτής της ιδιότητας στην προεπιλεγμένη της. Εξετάστε initial.
inherit Απόκτηση αυτής της ιδιότητας από τον γονικό στοιχείο. Εξετάστε inherit.

Τεχνικά Στοιχεία

Προεπιλεγμένη τιμή: stretch
Αποτελεσματική τιμή: 字符串 που εκφράζει την τοποθεσία του στοιχείου align-items.
Έκδοση CSS: CSS3

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

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

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

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται Υποστηρίζεται 11

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

CSS Εγχειρίδιο Αναφοράς:align-items

Εγχειρίδιο αναφοράς HTML DOM STYLE:Ιδιότητα alignContent

Εγχειρίδιο αναφοράς HTML DOM STYLE:Ιδιότητα alignSelf