align-content: 여러 줄 정렬 시 요소의 라인 위치 정하기

 

 

 

📌 align-content

: 요소를 여러 줄로 정렬할 때, 요소의 라인 설정

 

• 요소 라인의 위치를 변경할 때 사용
• 다중 라인일 때만 동작 O
• 항목 이동 X, 라인을 움직임 O

 

 

• center

 

 

 

 

• space-between

 

 

 

 

• space-around

 

 

 

 

• space-evenly

 

 

 

 

 

 

🔶 row-gap

: 요소가 여러 줄 일때, 행(가로) 간격

 

 

🔶 column-gap

: 열(세로) 간격

 

 

 

---

 

 

출처

노마드코더 CSS Layout 마스터클래스