[css] Flexbox

Flexbox란? CSS3의 새로운 레이아웃 방식이다. W3C에서이 정식 명칭은 CSS Flexible Box Layout Module이라고 정의 하고 있으며 이름처럼 레이아웃을 유연하게 구현하는 모듈이라고 보면 된다. 예전에 레이아웃을 구현하기 위해서는 정식 사용법이 아닌 편법처럼 복잡하게 구현을 했어야 했던것에 반해 Flexbox는 쉽게 레이아웃을 구현할 수 있다. Flexbox의 구성요소 Flexbox는 부모 요소인 container와 자식 요소인 item으로 구성된다. Flex의 선언은 container의 CSS에 display:flex;로 선언한다. .container{display:flex;} ※ flexbox 정렬 개념 - 주축이 되는 main-axis와 교차축이 되는 cross-axis의 ..

2021.03.10