[CSS] Flex 속성과 배치 방향

1. Flex 속성 1) Flex 속성이란 Flex 속성은 요소들을 유연하게 배치하는 방법으로 수평 또는 수직으로 배열할 수 있고, 공간 분배와 정렬 등을 설정할 수 있습니다.

부모 요소에 flex 속성을 부여하면 부모 박스 안에서 다른 추가 설정 없이 자식 요소들 수만큼 영역을 나눠서 가로 배열을 수행합니다. 또한 자식 요소들은 블록 수준의 flexable 박스로 사용될 수 있습니다.

Flex 속성은 기본적으로 주축과 교차 축로 2가지 방향을 가지고 있습니다. 2) Flex 속성 종류 display: flex 자식 요소들을 블록 수준의 flexable 박스로 동작하도록 합니다. display: inline-flex 자식 요소들을 인라인 수준의 flexable 박스로 동작하도록 합니다. 2. Flex 요소들의 배치 방향 flex-direction 속성에 아래의 속성값을 부여해서 요소들의 배치를 변경할 수 있습니다.

속성 내용 flex-direction: row -기본값으로 박스들을 ...