Flex in CSS

display-flex:container:flex-flow:flex-direction | | Flex-wrap ' Justify-content//Main axis place method-5 values:flex-start|flex-end|center|space-between|space-aroundAlign-items//Cross Axis place method (all ele as one row)-6 Values:stretch (default) | flex-start | flex-end | center | space- Between | Space-aroundAlign-content//corss Axis Line place Methos (per axis line as one row) 6 Valus:stretch | flex-start | flex-end | center | space-bet Ween | Space-aroundChild:order: <integer>flex-grow:<number>//default value:0 It's mains that even container remains spare space, the child don ' t stretch.Flex-shrink:<number>//defalut value:1 Auto CondenseFlex-basis:auto? Flex:flex-grow | | Flex-shrink | | Flex-basisalign-items://default is auto,it mains inherit parent flex Property-auto | flex-start | flex-end | stretch | center | baseline

　　

Flex in CSS