Αξία Προσαρμοσμένη Align-Content CSS

定义和用法

Προτάσεις μαθημάτων Ορισμός και χρήση align-content Αλλαγή ιδιοτήτων align-items flex-wrap

Συμπεριφορά της ιδιότητας.Παρόμοια, αλλά αντί να εκτελεί την κατεύθυνση της γραμμής, εκτελεί την κατεύθυνση της γραμμής.

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

Δείτε επίσης:

Εκμάθηση CSSCSS Flexbox

Εκμάθηση CSSCSS Γρανίτιδα

Εγχειρίδιο CSSΙδιότητα align-items

Εγχειρίδιο CSSΙδιότητα align-self

Εγχειρίδιο CSSΙδιότητα justify-content

Εγχειρίδιο HTML DOMΙδιότητα alignContent

Παράδειγμα

Πακετάζουνται οι γραμμές στο κέντρο του ελαστικού κουτί:

div {
  width: 70px;
  height: 300px;
  border: 1px solid #c3c3c3;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

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

Γλώσσα CSS

align-content: 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
Κληρονομικότητα: Όχι
Προσαρμογή του κινήματος: Δεν υποστηρίζεται. Δείτε:Προσαρμοστικές ιδιότητες.
Έκδοση: CSS3
Γλώσσα JavaScript: object.style.alignContent="center"

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στην τάβλη περιλαμβάνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το χαρακτηριστικό.

Chrome IE / Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
57.0 16.0 52.0 10.1 44.0