Flexbox

Flexbox는 항목을 행이나 열로 정렬하고 사용할 수 있는 공간에 맞게 조정하는 레이아웃 방식입니다. 선반 위 컵처럼 선반 크기가 달라지면 서로 간격을 바꾸거나 공간을 나눠 씁니다.

예를 들어 창 너비가 바뀌어도 탐색 링크를 한 줄로 정렬할 수 있습니다. 항목을 가운데에 놓거나 버튼을 행의 끝에 배치할 수도 있습니다.

가로 또는 세로처럼 한 방향을 다룰 때 특히 유용합니다. 행과 열이 함께 필요한 레이아웃에는 Grid가 더 적합할 수 있습니다.