CSS Flex box : flex-direction:reverse;/justify-content:flex-end; 비교 예시

flex-direction : flexbox 배치 방향을 결정하는 방식

justify-content : 중심축에서 아이템을 배치하는 방식

 

<적용 예시>

flex-direction: row;

 

flex-direction: row-reverse;

justify-content:flex-end; 와 비교 시 진행 방향까지 reverse 됨.

 

justify-content : flex-start;

 

justify-content : flex-end;

flex-direction의 reverse와 달리 콘텐츠 전체 배치만 변경됨.

justify-content : center;