TIP
Flex의 방향이 column일 경우 justify-content의 방향이 세로로, align-items의 뱡향이 가로로 바뀐다.
때때로 컨테이너의 row나 column의 순서를 역으로 바꾸는 것만으로는 충분하지 않다. 이러한 경우에는 order 속성을 각 요소에 적용할 수 있다. order의 기본 값은 0이며, 양수나 음수로 바꿀 수 있습니다.
order 속성은 flex 컨테이너에서 flex 아이템을, 기재된 순서를 무시하고 레이아웃에 사용하는 순서를 지정한다.
요소는 order 속성 값의 오름차순으로 정렬된다.
order 속성 값이 지정되어 있는 경우, 소스 코드의 순서대로 배치된다.
{order:순서 번호}
초기 값은 "0"이며,속성의 초기 값보다 작은 음수 값 "-1"을 지정하면 가장 먼저 표시할 수 있다.
반대로, 다른 "flex 아이템"들이 초기값이고, 어떤 flex 아이템만을 "order"를 "1"로 지정하면 가장 마지막에 표시된다.
-1,0,1 순이다.
(수정중)
cbhan0102@gmail.com