CSS flex Property
Let all the adaptable things be a similar length, regardles of its content:
- webkit-flex: 1;/* Safari 6.1+ */
- ms-flex: 1;/* IE 10 */
Definition and Usage
The flex property indicates the length of the thing, in respect to whatever remains of the adaptable things inside the equivalent container.
The flex property is a shorthand for the flex-develop, flex-contract, and the flex-premise properties.
Note: If the component is definitely not an adaptable thing, the flex property has no effect.
|Default value:||0 1 auto|
|Animatable:||yes, see individual properties.|
The numbers in the table indicate the main program form that completely bolsters the property.
Numbers pursued by - webkit-, - ms-or - moz-determine the principal form that worked with a prefix.
21.0 - webkit-
10.0 - ms-
18.0 - moz-
6.1 - webkit-
|flex-grow||A number determining how much the thing will develop with respect to whatever is left of the adaptable items|
|flex-shrink||A number determining how much the thing will shrivel with respect to whatever is left of the adaptable items|
|flex-basis||The length of the thing. Legitimate qualities: "auto", "acquire", or a number pursued by "%", "px", "em" or some other length unit|
|auto||Same as 1 auto.|
|initial||Same as 0 1 auto.|
|none||Same as 0 auto.|
|inherit||Inherits this property from its parent component.|