flex 정리

* 플렉서블 박스 = flex - 플렉서블박스 : display에 flex가 적용된 박스는 부모박스 - 플렉스 아이템 :부모박스 하위 태그들은 자식박스 * 플레서블 박스의 방향 - 플렉스의 방향은 축에 따라 다르다.(주축, 교차축) - 주축이 가로일 경우 플렉스 아이템들은 왼쪽에서 오른쪽으로 배치 - 주축이 세로일 경우 플렉스 아이템들은 위에서 아래로 배치 * 플렉스 속성 display : flex, inline-flex(모든 태그 적용) - flex : 박스를 블록 수준의 플렉서블 박스로 작동 - inline-flex : 박스를 인라잉ㄴ 수준의 플렉서블박스로 작동 * 아이템 배치 방향 - flex-direction - row(기본), row-reverse, column, column-reverse - row : 박스를 왼쪽에서 오른쪽으로 배치 - row-reverse : 박스를 가로로 배치하되 역방향으로 배치 - column : 박스를 위에서 아래로 배치 - column-reverse : 박스를 세로로 배치하되 역방향...