flex的属性和作用

父元素属性

属性	作用	特性分类	内容
flex-direction	定义子项在容器内的排列方向	排列	row , row-reverse , column , column-reverse;
flex-wrap	定义子项在容器内的换行效果	排列	nowrap , wrap , wrap-reverse;
justify-content	定义子项在容器内水平对齐方式	对齐	flex-start , flex-end ,center , space-between , space-around;
align-items	定义子项在容器内垂直对齐方式	对齐	flex-start , flex-end , center ,baseline(文字对齐) , stretch;
align-content	定义多行子项在容器内整体垂直对齐方式	对齐

子元素属性

属性	作用	特性分类
order	定义子项们的排列顺序	排列
flex-grow	定义子项宽度之和不足父元素宽度时，子项拉伸的比例	占地面积
flex-shrink	定义子项宽度之和超过父元素宽度时，子项缩放的比例	占地面积
flex-basis	定义子项的初始宽度，flex-grow和flex-shrink以此为基础缩放	占地面积
align-self	定义单个子项与其他项目不一样的对齐方式	对齐