플렉스(flex)란 무엇인가?

• 레이아웃을 수평 정렬을 할 때 사용하는 속성이다!
• 사실 수직정렬도 가능은 하지만 기본적으로 레이아웃이 쌓이는 방식이 수직으로 쌓이기 때문에 그냥 쉽게 이해하기 위해서 플렉스는 수평정렬을 위해 사용한다고 보면 된다!

우선 기본적으로

flex - container와 flex - item이 있는데

flex - container에서 사용하는 요소들에 대해서 먼저 봐보자!

flex - container에서 사용하는 요소

• display

: flex container의 화면 출력 특성

1, flex : 볼록 요소와 같이 flex container 정의

2, inline-flex : 인라인 요소와 같이 flex container 정의