flex-flow
Свойство flex-flow является сокращением для установки свойств flex-direction и flex-wrap, которые вместе определяют основную и поперечную оси flex-контейнера.
Значение по умолчанию {flex-flow: row nowrap;}. свойство не наследуется.
Популярных 4 значения:
{flex-flow: row wrap;}
{flex-flow: row-reverse nowrap;}
{flex-flow: column wrap-reverse;}
{flex-flow: column wrap;}Возможные варианты написаняния:
/* flex-flow: <'flex-direction'> */
flex-flow: row;
flex-flow: row-reverse;
flex-flow: column;
flex-flow: column-reverse;
/* flex-flow: <'flex-wrap'> */
flex-flow: nowrap;
flex-flow: wrap;
flex-flow: wrap-reverse;
/* flex-flow: <'flex-direction'> and <'flex-wrap'> */
flex-flow: row nowrap;
flex-flow: column wrap;
flex-flow: column-reverse wrap-reverse;
/* Global values */
flex-flow: inherit;
flex-flow: initial;
flex-flow: unset;| Chrome | Edge | Firefox | Internet | Opera | Safari |
| 29 | 12 | 20 | 11 | 12.1 | 9 |
| Android | Chrome | Edge | Firefox | Opera | Safari | Samsung |
| 4.4 | 29 | Yes | ? | 12.1 | Yes | ? |