css#flex#flexbox#플렉스#플렉스박스#레이아웃#반응형#반응형홈페이지

Css 레이아웃에서 중요한 display: flex(Flexible Box) 사용법

1. 부모 요소인 container와 자식 요소인 item이 있습니다. 컨테이너가 Flex의 영향을 받는 공간이라고 생각하시면 됩니다. 1 2 3 2. container에는 diplay, flex-flow, flex-direction, flex-wrap, justify-content, align-content, align-items 등의 속성을 사용할 수 있습니다. 속성 의미 display : flex flex container를 정의 flex-direction Flex Items의 주 축(main-axis)을 설정 flex-wrap Flex Items의 여러 줄 묶음(줄 바꿈) 설정 flex-flow flex-direction와 flex-wrap의 단축 속성 justify-content 주 축(main..