flex弹性布局的一些属性

注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效

1.容器的属性
flex-direction
flex-wrap
flex-flow:flex-direction flex-wrap
justify-content
aligns-items: 特殊值 baseline | stretch
align-content: 特殊值 stretch

2.项目的属性
order:0 数值越小，排列越靠前
flex-grow:0 项目的放大比例
flex-shrink:1 项目的缩小比例
flex-basis:auto 定义了在分配多余空间之前,项目占据的主轴空间
flex: flex-grow, flex-shrink 和 flex-basis auto (1 1 auto) 和 none (0 0 auto)
align-self: auto 允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性 align-self: auto | flex-start | flex-end | center | baseline | stretch;