본문 바로가기
웹코딩 배우기/· CSS

align-content

by 닐기 2021. 10. 13.

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; // 아래부터 시작

 

반응형

댓글0