css 플렉스 박스

Flexbox란? 서로 다른 크기의 화면과 기기에서도 HTML 요소들이 자동으로 재 정렬되어, 웹 페이지의 레이아웃을 언제나 똑같이 유지할 수 있게 해준다. 요소의 사이즈가 불명확하거나 동적으로 변화할 때에도 유연한 레이아웃을 실현할 수 있다. 플렉스 박스(flex box)는 플렉스 컨테이너(flex container)와 플렉스 요소(flex item)로 구성된다. container에 적용할 수 있는 속성 값 display flex-direction flex-wrap flex-flow justify-content align-items align-content itm에 적용되는 속성 값 order flex-grow flex-shrink flex align-self The flex model main axi..