Πρόταση μαθήματος:

Style flex ιδιότητα

Αν το στοιχείο δεν είναι στοιχείο ελαστικό, τότε Ορισμός και χρήση

Αν το στοιχείο δεν είναι στοιχείο ελαστικό, τότε Η ιδιότητα ορίζει τη μήκος του στοιχείου σε σχέση με τα άλλα ελαστικά στοιχεία του ίδιου κελύφους.

Η ιδιότητα είναι η συντομευμένη ιδιότητα των ιδιοτήτων flexGrow, flexShrink και flexBasis.Σημειώσεις: Αν το στοιχείο δεν είναι στοιχείο ελαστικό, τότε flex

Ασυνήθητη τιμή.

Διαβάστε επίσης:όρισμα flex

Όρισμός flexShrink:Εγχειρίδιο CSS

Όρισμός flexShrink:Όρισμός flexBasis:

Όρισμός flexShrink:Όρισμός flexDirection:

Όρισμός flexShrink:Όρισμός flexFlow:

Όρισμός flexShrink:Όρισμός flexGrow:

Όρισμός flexShrink:Παράδειγμα HTML DOM STYLE Εγχειρίδιο

Ορισμός flexWrap:

Παράδειγμα

για (i = 0; i < y.length; i++) {
  y[i].style.flex = "1";
}

Προσωπική δοκιμή

Γραμματική

Επιστροφή του όρισματος flex:

object.style.flex

Ορισμός του όρισματος flex:

object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"

Τιμή του αριστερού πεδίου

Τιμή Περιγραφή
flex-grow Αριθμός, ορίζει την αύξηση του στοιχείου σε σχέση με άλλα ελαστικά στοιχεία.
flex-shrink Αριθμός, ορίζει τη μείωση του στοιχείου σε σχέση με άλλα ελαστικά στοιχεία.
flex-basis

Η μήκος του στοιχείου.

Συγκεκριμένες τιμές: "auto", "inherit", ή τιμές με μονάδες "%", "px", "em", ή οποιαδήποτε άλλη μονάδα μήκους.
auto 同等於 1 1 auto.
initial 同等於 0 1 auto. Εξέταση initial.
none 同等於 0 0 auto.
inherit Πληροφορίες από το γονικό στοιχείο. Παρακαλώ δείτε inherit.

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

Προεπιλεγμένη τιμή: 0 1 auto
Αποτελεσματική τιμή: ακολουθεί η αλφαβητική κατάταξη των στοιχείων όρισμα flex.
Έκδοση CSS: CSS3

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

Χρωμίου Εντζέι Φάιρφξεξ Σαφάρι Όпера
Χρωμίου Εντζέι Φάιρφξεξ Σαφάρι Όпера
Υποστήριξη 11.0 Υποστήριξη 9.0 Υποστήριξη