【HTML+CSS】 Flex布局设置侧轴对齐方式

设置侧轴多行的垂直对齐方式。 align-content（少）

侧轴单行垂直对齐 align-items  （多）

 align-items 垂直对齐 align-content 多行垂直对齐

侧轴对齐 单行盒子对齐方式 align-items: center;

默认的对齐方式 stretch 拉伸

顶对齐 flex-start

多行盒子侧轴对齐方式

从上开始对齐

align-content: flex-start;

从下开始对齐

align-content: flex-end;

多行盒子居中 重点

align-content: center;

多行侧轴靠边  重点

align-content: space-between;

侧轴1:2的比例

align-content: space-around;

侧轴1:1的比例

align-content: space-evenly;