flex 布局属性

容器属性

justify-content: center;   子元素横轴排列方式
align-items: center;	 	子元素纵轴排列方式
align-content: center; 		多行子元素纵轴排列方式
flex-direction: row-reverse;   主轴排列方向
flex-wrap: wrap;			是否超出换行
flex-flow ：row wrap；       4，5条的集合

子元素属性

order : 1           子元素排列顺序
align-self :center  子元素纵轴排列方式
flex-grow:0         当父元素宽大于所有子元素宽度之和时，子元素是否拉伸子元素充                   满整个宽度 默认0不填充
flex-shrink:1      	当容器宽度缩小比子元素宽度之和小时，子元素会等比例缩小，
                    默认为1，会等比例缩小 当为0时，子元素不会随之缩小。
flex-base：20px     子元素的宽度 比width优先级高