控制对齐需要的属性为了控制“对齐”,会用到以下属性:justify-content——控制所有项目在主轴上的对齐;align-items——控制所有item在横轴上的对齐方式;align-self——控制特定项在横轴上的对齐方式;align-content——当项目数量过多无法占据多行时,控制横轴上每行之间的空间分布;主轴&横轴主轴和横轴相当于二维坐标系的横轴和纵轴。显示时:flex;在容器的css参数中设置,容器就变成了一个flexbox。这时候我们可以通过设置flex-direction:row来控制容器中item的排列方向;或flex-direction:column;row表示横向排列,column表示纵向排列。另外,可以取的值有:row-reverse和column-reverse,它们只是相对于row和column改变了方向。值得注意的是,主轴和横轴的方向会根据flex-direction的值而变化。flex-direction:row时,主轴与横轴的关系如下图:flex-direction:column时,主轴与横轴的关系如下图:justify-内容示例:
