设置主轴：flex-direction:"row（x）/column(y)"
设置子元素主轴的对对其方式：
1设置x轴的对齐方式：justycontent:"start"/"end""space-around"/"space-bettwen" /"strech"（+resever=反转）
2设置交叉轴的对齐方式：
align-items 以子元素个体对齐，单行使用
align-content：start"/"end""space-around"/"space-bettwen"/"strech"
以子元素整体对齐，多行使用
/* flex布局item的基本宽度 / / 设置了flex-basis width就不管用了 同时存在的时候，优先使用flex-basis / / 如果父元素的宽度太小了，item排列不下 设置的flex-basis的宽度会自动缩小， 直到占满父元素 */
