CSS

7.1

플렉스 박스 레이아웃으로 1차원 레이아웃 설계하기

플렉서블 박스 레이아웃(flexible box layout)은 1차원 방식으로 효과적으로 레이아웃을 설계할 수 있도록 고안된 스타일 속성입니다. 여기서 1차원 방식이란 가로(row)나 세로(column) 중 한 방향으로만 레이아웃을 설계하는 방식을 말합니다. 플렉서블(flexible)은 우리말로 ‘신축성 있는, 유연한’이라는 뜻이므로 다양한 상황에서 유연하게 레이아웃을 구성할 수 있도록 다양한 속성들을 제공한다는 의미입니다. 플렉서블 박스 레이아웃은 플렉스 박스 레이아웃(flex box layout)이라고 하기도 하고 이 용어를 더 흔하게 사용합니다. 따라서 이 책에서는 플렉스 박스 레이아웃이라고 하겠습니다.