CSS : flex-direction

제로미·2021년 10월 16일
0

css

목록 보기
4/4

flex-direction

flex container 내의 아이템을 배치할 때 사용할 주축을 지정합니다.

: row

기본값으로 아이템이 가로 방향으로 흐른다.
왼쪽부터 시작하는 가로축 (좌 -> 우)

: row-reverse

아이템이 가로 방향으로 흐른다.
오른쪽부터 시작하는 가로축 (우 -> 좌)

: column

아이템이 세로 방향으로 흐른다.
위쪽부터 시작하는 세로축 (상 -> 하)

: column-reverse

아이템이 세로 방향으로 흐른다.
아래쪽부터 시작하는 세로축 (하 -> 상)

0개의 댓글