display:flex | inline-flex
flex-direction:row | row-reverse | column | column-reverse
flex-wrap :nowrap |? wrap |? wrap-reverse;
justify-content：flext-start | flext-end | center | space-evenly | space-around | space-between
align-items：normal | stretch | flex-start | flex -end | center | baseline（纵轴上的对其）
align-content：针对多行的flex items在交叉轴对其方式。stretch | flex-start | flex -end | center |?space-evenly | space-around | space-between
order：值越小排在越前面
align-self：可以覆盖align-items。?stretch | flex-start | flex -end | center | baseline
flex-grow：
flex-grow
flex-shrink：
flex-shirink
flex-basis:
flex-basis
flex:
flex