flex-flow
Nieruchomość jest sub-property modułu Flexible Box Layout.
To jest skrót od flex-direction
i 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: row
iflex-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).