Flex-flow - CSS-Tricks

Anonim

flex-flowNieruchomość jest sub-property modułu Flexible Box Layout.

To jest skrót od flex-directioni flex-wrap.

Składnia

flex-flow: || .flex-container ( flex-flow: row wrap; )

Możesz podać jedną lub dwie wartości, niezależnie od kolejności.

Próbny

Obie listy zachowują się dokładnie w ten sam sposób:

  • Niebieski ma flex-direction: rowiflex-wrap: wrap
  • Czerwony ma flex-flow: row wrap
Sprawdź ten długopis!

Wsparcie przeglądarki

  • (nowoczesny) oznacza najnowszą składnię ze specyfikacji (np. display: flex;)
  • (hybryda) oznacza dziwną nieoficjalną składnię z 2011 roku (np. display: flexbox;)
  • (stara) oznacza starą składnię z 2009 roku (np. display: box;)
Chrom Safari Firefox Opera TO ZNACZY Android iOS
21+ (nowoczesny)
20- (stary)
3.1+ (stary) 2-21 (stare)
22+ (nowe)
12.1+ (nowoczesny) 10+ (hybryda) 2.1+ (stary) 3.2+ (stary)

Przeglądarka Blackberry 10+ obsługuje nową składnię.

Więcej informacji na temat łączenia składni w celu uzyskania najlepszej obsługi przeglądarki można znaleźć w tym artykule (Sztuczki CSS) lub w tym artykule (DevOpera).