Web Study

레이아웃 정렬에 효과적인 플렉스 박스(flex box) 공부하기 정식 명칭은 플렉서블 박스(flexible box)라고 하며 플렉스 박스(flex box)라고 부르기도 한다. 이 레이아웃은 다양한 디바이스 환경에서 언제나 똑같은 레이아웃을 유지시켜 줌으로써 반응형 웹 사이트에 유용하게 쓰일 수 있다. 기존에 float을 통한 정렬 방식을 사용 해왔지만, 좀 더 유동적인 레이아웃 구성이 가능해 현재 가장 보편화된 방식으로 쓰이고 있다. 플렉스 박스(flexible box)의 구성은 플렉스 컨테이너(flex container) - 플렉스 요소(flex item)로 이루어진다. 기본적으로 쓰이는 플렉스 박스(flex box)의 속성은 다음과 같다 속성 설명 1. display HTML 요소에 대한 박스의 타입..