Flex布局常用的东西

1.在多行的情况下 使用align-content 可以调节 行与行之间的距离

strech 默认值，不排列，高度比例平分父元素
flex-start
center
flex-end
space-between 两端对齐，第一行放起点，最后一行放终点，其他行保持间距相等
space-around 元素被空间环绕，所有行的间距都相等，起点和终点的距离元素间距是行间距的一半

 

 

 2. 在X轴上justify-content

flex-start（默认值）：左对齐
flex-end：右对齐
center： 居中
space-between：两端对齐，项目之间的间隔都相等。
space-around：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍。