CSS · HTML
align-content
혜원21
2021. 10. 13. 00:18
*
See the Pen align-content by nilgi (@nilgi) on CodePen.
display: flex;
flex-wrap: wrap;
• align-content: space-between; // 세로 기준 양끝에 나열
• align-content: space-around; // 아이템 세로 공간 똑같이
• align-content: stretch; // 컨테이너 크기만큼 늘려서
• align-content: center; // 중앙에
• align-content: flex-start; // 위에서부터 시작
• align-content: flex-end; // 아래부터 시작