KARIU의 IT 블로그

목차 Flexbox란? Flexbox 사용법 Flexbox의 방향축 메인 축 설정 (flex-direction) justify-content의 속성 align-items의 속성 align-self flex의 줄바꿈 설정 (wrap, nowrap, wrap-reverse) 위 아래 줄 사이의 공간 조절(align-content) 특정 요소의 크기만 바꾸고 싶어. (flex-grow, flex-shrink) 1. Flexbox란? 플렉스박스(Flexbox)는 유동적으로 각 요소들을 배치하는 기법입니다. 예를 들어, 각 사용자들마다 화면 크기가 다른 전자기기를 이용하여 웹사이트를 보게 될텐데 각 화면에 맞는 배치를 일일이 계산할 필요 없이 Flexbox를 이용하여 손쉽게 구성할 수 있습니다. 또한 Flexbo..