[CSS] 4. Flexbox

[CSS] 4. Flexbox

 

1. Flexbox란?

 Flexbox는 웹 페이지의 요소들을 쉽고 유연하게 배치할 수 있도록 도와주는 CSS 레이아웃 방식이다. Flexbox를 사용하면 화면 크기나 요소의 크기가 변해도, 각 요소를 정렬하고 배치하는 것이 간단해진다.

 

 

2. Flexox의 주요 특징

(1) 유연한 배치

(2) 간단한 정렬

(3) 반응형 디자인

 

-Flex 컨테이너: Flexbox를 적용할 부모 요소

-Flex 아이템: Flex 컨테이너 내의 자식 요소들