컨테이너 관련 display: flex/inline-flex - 기본설정flex-direction: row/row-reverse/column/column-reverse - 출력방향: row ▶,column ▼flex-wrap: nowap/wrap/wrap-reverse - overflow 관련(nowrap:hidden)justify-content: flex-start/flex-end/center/space-between/space-around/space-evenly - 가로축 정렬align-items: stretch/flex-start/flex-end/center/baseline - 세로측 정렬align-content: stretch/flex-start/flex-end/center/space-between/space-round/space-evenly - display:wrap(개행) 상태에서 여러줄 아이템들 세로축 정렬 아이템 관련 flex-grow: 0:본래크기 유지, 1:컨테이너 크기에 맞춘다 - 확장크기 flex-shrink: 0:본래크기 유지, 1:컨테이너 크기에 맞춘다 - 축소크기 flex-basis: (숫자, px, %, em … 계속 읽기 CSS flex 간단 정리