CSS flex-flow Property


The flex-flow property is sub-property of flexible box layout module and also shorthand property for flex-wrap and flex-direction.

The flex-flow property is a shorthand property for:

  • flex-direction
  • flex-wrap

Note: If the elements are not flexible items, the flex-flow property has no effect.

CSS Syntax

flex-flow: flex-direction flex-wrap|initial|inherit;

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -