align-content vs align-items 차이

둘다 cross-axis를 기준으로 정렬한다.

align-content

• 여러줄로 요소들이 배치되어 있을 때, 이 여러줄에 대하여 적용된다.
• 따라서 한줄만으로 이루어져 있거나, nowrap속성이 적용되어 있다면 적용되지 않는다.
• justify-content와 같이 space-around 등의 속성을 사용할 수 있다.

 

align-items

• 여러줄이든 아니든 상관없다.
• 하나의 줄 내에 있는 요소들에 적용된다.