CSS flex-related, long-term updates

This is not an introductory course, it is the Flex knowledge collection

Compatibility
Display:flex;
Display:-webkit-flex;

The remaining new attributes are preceded by-webkit-
　　

Flex Properties (The first value is the default one of the property)
Direction:ltr/rtl//the Flex Line

Flex-direction:flex-start/flex-end/center/space-between/space-around//the main axis

Align-items:flex-start/flex-end/center/baseline/stretch//the Cross Axis

Flex-wrap:nowrap/wrap/wrap-reverse

Align-content:stretch/flex-start/flex-end/center/space-between/space-around

Flex-flow: [Flex-direction] [Flex-wrap]

Flex Item Property
order:0

Margin:auto

Align-self:stretch/flex-start/flex-end/center/baseline//overrides Flex Container ' s Align-items

flex:0 1 Auto/[number]/initial/auto/none//Do not use, unless the flex-basis part set auto, otherwise in IE, box-sizing forced to change the content box
Flex: [Flex-grow] [Flex-shrink] [flex-basis]

Flex-basis:auto/[width]

flex-grow:0

Flex-shrink:1

CSS flex-related, long-term updates