CSS flex-flow property
CSS reference manual
Let the elements of the elastic box appear in reverse order and tear them down if necessary:
flex-flow:row-reverse wrap;
Try it out . . .
Browser support
The numbers in the table support the version number of the first browser for this property.
The number immediately after -webkit-, -ms - or -moz - is the first version that supports the prefix property.
| Property | |||||
|---|---|---|---|---|---|
| flex-flow |
29.0
21.0 -webkit- |
11.0
10.0 -ms- |
28.0
18.0 -moz- |
9.0
6.1 -webkit- |
17.0 |
Definitions and usages
The flex-flow property is a composite property of the flex-direction and flex-wrap properties.
The flex-flow property is used to set or retrieve how child elements of elastic box model objects are arranged.
The flex-direction property specifies the direction of the flexible project.
The flex-wrap property specifies whether a flexible project is split or columned.
Note: If the element is not an element of an elastic box object, the flex-flow property has no effect.
| Default: | row nowrap |
|---|---|
| Inherited: | Whether |
| Animated: | Whether. S ee Animation . |
| Version: | CSS3 |
| JavaScript syntax: | object .style.flexFlow="column nowrap" Give it a try |
CSS syntax
The property value
| value | describe |
|---|---|
| flex-direction |
Possible value:
row row-reverse column column-reverse initial inherit The default is "row". Specify the direction of the flexible project. |
| flex-wrap |
Possible value:
nowrap wrap wrap-reverse initial inherit The default is "nowrap". Specifies whether the flexible project is demolished or removed. |
| initial | Set this property for its default value.See initial 。 |
| inherit | Inheriting this property from the parent element.See inherit 。 |
Related articles
CSS Reference Manual: flex attribute
CSS Reference Manual: flex-basis properties
CSS Reference Manual: flex-direction properties
CSS Reference Manual: flex-grow property
CSS Reference Manual: flex-shrink properties
CSS Reference Manual: flex-wrap properties