교차축

플렉스박스에서, 교차축이란 주축에 수직하는 축으로, flex-direction이 row 또는 row-reverse 인 경우 교차축은 열 방향을 따라갑니다.

주축이 column 또는 column-reverse인 경우 교차축은 행 방향을 따라갑니다.

아이템을 교차축에 대해 정렬할 땐 플렉스 컨테이너의 align-items 속성 또는 각각 아이템의 align-self 속성을 사용합니다. 플렉스 컨테이너가 콘텐츠 여러 줄을 가졌고, 교차축에 남는 공간이 있다면, align-content 속성을 통해 열 간격을 조절할 수 있습니다.