mozilla

flex-flow

Summary

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

  • Standardwert the concatenation of the initial values of its longhand properties:
    • flex-direction: row
    • flex-wrap: nowrap
  • Anwendbar auf flexible Container
  • Vererbt Nein
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert wie die einzelnen Werte der Kurzschreibweise:
    • flex-direction: siehe Spezifikation
    • flex-wrap: siehe Spezifikation
  • Animierbar Nein
  • Canonical order order of appearance in the formal grammar of the values

Siehe Using CSS flexible boxes für mehr Information.

Syntax

Formal 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 Candidate Recommendation  

Browser Kompatibilität

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

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

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW
Zuletzt aktualisiert von: SJW,
Seitenleiste ausblenden