✏ flex css / direction, wrap, align-items, justify-content

container에 주어지는 속성

---

 

🟣 flex-direction(방향 설정) : row / row-reverse / column / column-reverse

 

🟣 flex-wrap(줄바꿈 속성) : nowrap / wrap / wrap-reverse

 

🟣 align-items(수직 방향으로 위치 설정) : flex-start / flex-end / center / stretch

 

stretch = 기본값
container가 flex가 되는 순간에 item들은 container의 높이값과 같아짐
item들이 stretch 상태가 됨(쫙 펴진다라고 생각하면 쉽다 !)

 

🟣 justify-content(수평 방향으로 위치 설정) : flex-start / flex-end / center / space-between / space-around