[FLEXBOX FROGGY] CSS 개구리 게임 3(14~20)

14단계 - 아이템 요소 개개인 순서 지정

order : flex 요소의 순서를 지정

order의 기본 값은 0이며, 양수나 음수로 바꿀 수 있습니다.

 

15 단계 - order 음수

---

16단계

align-self : 지정된 "align-items"값을 무시하고 flex요소를 세로선 상에서 정렬합니다.

17단계

---

18단계

flex-wrap : flex 요소들을 한 줄 또는 여러 줄에 걸쳐 정렬합니다.

• nowrap: 모든 요소들을 한 줄에 정렬합니다.
• wrap: 요소들을 여러 줄에 걸쳐 정렬합니다.
• wrap-reverse: 요소들을 여러 줄에 걸쳐 반대로 정렬합니다.

19단계

flex-direction : 정렬한 방향을 지정합니다.

---

20단계

flex-flow : flex-direction 과 flex-wrap 의 요소를 공백으로 구분하여 받습니다. 두 요소들은 같이 쓰이는 일이 많기 때문에 flex-flow를 사용하면 간결하게 나타낼수 있습니다.