Flex 핵심정리 - 전체 아이템 정렬

SeungHwan Lee·2021년 9월 10일
0

Flex 핵심정리

목록 보기
2/3


핵심

"justify" 는 메인축 (main-axis) 방향으로 정렬.
"align" 은 수직축 (cross-axis) 방향으로 정렬.


메인축 방향 정렬

justify-content 는 메인축 방향으로 아이템들을 정렬하는 속성이다.


수직축 방향 정렬

align-items 는 수직축 방향으로 아이템들을 정렬하는 속성이다.


여러 행 정렬

felx-wrap: wrap; 이 설정된 상태에서, 아이템들이 2줄 이상 되었을 때의 수직축 방향 정렬을 결정하는 속성이다.

0개의 댓글