justify-content 主水平
align-item 主垂直
flex布局决定主轴方向上子项的对齐和分布方式的属性是： justify-content
它可以设置的属性值包括：
flex-start ： 子项都去起始位置对齐。
flex-end ： 子项都去结束位置对齐。
center ： 子项都去中心位置对齐。
space-between : 表现为两端对齐。between是中间的意思，意思是多余的空白间距只在元素中间区域分配。
space-around : around是环绕的意思，意思是每个flex子项两侧都环绕互不干扰的等宽的空白间距，
边缘两侧的空白只有中间空白宽度一半。
space-evenly : evenly是匀称、平等的意思。也就是视觉上，每个flex子项两侧空白间距完全相等。
flex布局决定每一行中的子元素上下对齐方式的属性是：align-items
它的属性值包括：
flex-start;子项都去上端对齐。
center;子项都去上下的中间对齐。
flex-end;子项都去下端对齐。