定义:属性定义项目在交叉轴上的对齐方式
align-items: flex-start | flex-end | center | baseline | stretch;
align-items: space-around;
.container-13{align-items: flex-start;} .container-13 li:nth-of-type(1){padding: 2rem 3rem} .container-13 li:nth-of-type(2){padding: 1.5rem 3rem} .container-13 li:nth-of-type(3){padding: 5rem 3rem} .container-13 li:nth-of-type(5){padding: 1.5rem 3rem} .container-14{align-items: flex-end;} .container-14 li:nth-of-type(1){padding: 2rem 3rem} .container-14 li:nth-of-type(2){padding: 1.5rem 3rem} .container-14 li:nth-of-type(3){padding: 5rem 3rem} .container-14 li:nth-of-type(5){padding: 1.5rem 3rem} .container-15{align-items: center;} .container-15 li:nth-of-type(1){padding: 2rem 3rem} .container-15 li:nth-of-type(2){padding: 1.5rem 3rem} .container-15 li:nth-of-type(3){padding: 5rem 3rem} .container-15 li:nth-of-type(5){padding: 1.5rem 3rem} .container-16{align-items: baseline;} .container-16 li:nth-of-type(1){padding: 2rem 3rem} .container-16 li:nth-of-type(2){padding: 1.5rem 3rem} .container-16 li:nth-of-type(3){padding: 5rem 3rem} .container-16 li:nth-of-type(5){padding: 1.5rem 3rem} .container-17{align-items: stretch;} .container-17 li:nth-of-type(1){padding: 2rem 3rem} .container-17 li:nth-of-type(2){padding: 1.5rem 3rem} .container-17 li:nth-of-type(3){padding: 5rem 3rem} .container-17 li:nth-of-type(5){padding: 1.5rem 3rem}