MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

CSS Flexible Box Layout은 사용자 인터페이스 디자인에 최적화된 CSS 박스 모델을 정의하는 CSS 모듈입니다. flex 레이아웃 모델에서, flex 컨테이너의 자식들은 어느 방향으로든 배치될 수 있고 크기를 “flex”할 수 있습니다, 미사용 공간을 채우기 위해 늘거나 부모를 넘치는 것을 막기 위해 줄어서. 자식들의 수평 및 수직 정렬 모두 쉽게 조작될 수 있습니다. 박스의 중첩(수직 내부에 수평 또는 수평 내부에 수직)은 2차원 레이아웃 구축에 사용될 수 있습니다.

참고

CSS 속성

안내서

CSS 신축 박스 사용하기
이 기능을 사용하여 레이아웃을 만드는 법에 대한 단계별 지도서.
웹 응용 프로그램을 배치하기 위해 flexbox 사용하기
웹 응용 프로그램의 특정 콘텐츠에 flexbox를 사용하는 법을 설명하는 지도서.

스펙

스펙 상태 설명
CSS Flexible Box Layout Module Candidate Recommendation 초기 정의.

브라우저 호환성

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support 20.0 (20.0) 21.0-webkit
29.0
10.0-ms
11.0
12.10 6.1-webkit
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support (Yes) 4.4 11 12.10 7.1-webkit

 

문서 태그 및 공헌자

 이 페이지의 공헌자: Netaras
 최종 변경: Netaras,