We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Summary

Die Kurzschreibweise flex-flow fasst die Eigenschaften flex-direction und flex-wrap zusammen.

Initialwertwie die jeweiligen Kurzschreibweisen:
Anwendbar aufflexible Container
VererbtNein
Medienvisuell
Berechneter Wertwie die jeweiligen Kurzschreibweisen:
Animationstypdiskret
Kanonische ReihenfolgeReihenfolge des Auftretens in der formalen Grammatik der Werte

Siehe Using CSS flexible boxes für mehr Information.

Syntax

<'flex-direction'> || <'flex-wrap'>

Werte

Siehe flex-direction und flex-wrap.

Beispiele

element { 
  /* Main-axis is the block direction with reversed main-start and main-end. Flex items are laid out in multiple lines */
  flex-flow: column-reverse wrap;            
}

Spezifikation

Spezifikation Status Anmerkung
CSS Flexible Box Layout Module Anwärter Empfehlung  

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support Nicht unterstützt [1] 21.0-webkit Nicht unterstützt 12.10 Nicht unterstützt
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support Nicht unterstützt [1] ? Nicht unterstützt 12.10 Nicht unterstützt

[1] Firefox supports only single-line flexbox (see Bug 702508).

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: udvlp, fscholz, Sebastianz, SJW
Zuletzt aktualisiert von: udvlp,