[CSS] Flex

Flex 는 레이아웃 배치를 위한 전용 기능입니다. 1. 컨테이너 속성 (부모 요소) 1) flex-direction 아이템이 배치되는 축의 방향을 지정하는 속성입니다. .container { display: flex; flex-direction: row | row-reverse | columnn | column-reverse; } 2) flex-wrap 아이템의 크기가 컨테이너의 전체 크기보다 커질 때 아이템의 줄바꿈을 지정하는 속성입니다. .container { display: flex; flex-wrap: nowrap | wrap | wrap-reverse; } 3) jutify-content 메인 축 방향의 아이템 정렬을 지정하는 속성입니다. .container { display: flex; justify-content: flex-start | center | flex-end | space-between | space-around | space-evenly; } 4) alig...

원문링크 : [CSS] Flex