플렉스박스
플렉스박스(Flexbox)는 요소를 단일 차원(행 또는 열)에 배치하는 레이아웃 모델인 CSS Flexible Box Layout Module을 부를 때 흔히 사용하는 이름입니다.
명세는 플렉스박스를 사용자 인터페이스 디자인을 위한 레이아웃 모델로 설명하고 있습니다. 플렉스박스의 주요 기능은 플렉스 레이아웃 내의 각 항목이 커지거나 작아질 수 있다는 점입니다. 여백은 항목에 포함할 수도 있고, 각 항목의 사이에 분배할 수도 있습니다.
또한 플렉스박스는 항목의 주축 및 교차축 정렬을 가능케 하여 다수의 항목에 대한 정렬 및 크기의 고수준 통제를 제공합니다.
더 알아보기
속성 참고서
더 읽어보기
- CSS Flexible Box Layout Module Level 1 Specification
- CSS Flexbox Guide: Basic Concepts of Flexbox
- CSS Flexbox Guide: Relationship of flexbox to other layout methods (en-US)
- CSS Flexbox Guide: Aligning items in a flex container
- CSS Flexbox Guide: Ordering flex items (en-US)
- CSS Flexbox Guide: Controlling Ratios of flex items along the main axis (en-US)
- CSS Flexbox Guide: Mastering wrapping of flex items (en-US)
- CSS Flexbox Guide: Typical use cases of flexbox