플렉스(Flex)는 CSSdisplay 속성에 추가된 새로운 값입니다.inline-flex와 함께 적용되는 요소가플렉스 컨테이너가 되고, 플렉스 컨테이너의 자식 요소가 각각 플렉스 아이템입니다. 그런 다음 요소는 플렉스 레이아웃에 포함되고, CSS 플렉시블 상자 레이아웃 모듈에 정의된 모든 속성이 적용될 수 있습니다.

flex 속성은flex-grow,flex-shrink 및flex-basis에 대한 약어입니다.

또한,<flex> 는 CSS 그리드 레이아웃의플렉시블한 길이를 참조할 수 있습니다.

같이 보기

속성 참고서

• align-content
• align-items
• align-self
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• justify-content
• order

추가 자료

• 'CSS 플렉시블 상자 레이아웃 모듈 레벨 1 명세서'
• CSS 플렉스박스 안내서:
  • 플렉스 박스의 기본 개념
  • 플렉스박스와 다른 레이아웃 메소드와의 관계
  • 플렉스 컨테이너 요소 정렬
  • 플렉스 요소 순서
  • 주축을 따른 플렉스 요소의 비율 제어
  • 플렉스 요소의 래핑 마스터하기
  • 플렉스박스의 일반적인 사용 사례