CSS 플렉스 랩 속성
예시
필요한 경우 유연한 항목을 포장하십시오.
div {
display: flex;
flex-wrap: wrap;
}
정의 및 사용
속성 은 flex-wrap
유연한 항목을 줄 바꿈할지 여부를 지정합니다.
참고: 요소가 유연한 항목이 아닌 경우 flex-wrap
속성은 영향을 주지 않습니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
-webkit- 또는 -moz- 뒤에 오는 숫자는 접두사와 함께 작동한 첫 번째 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
flex-wrap | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
CSS 구문
flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
nowrap | Default value. Specifies that the flexible items will not wrap | |
wrap | Specifies that the flexible items will wrap if necessary | |
wrap-reverse | Specifies that the flexible items will wrap, if necessary, in reverse order | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS Flexible Box
CSS 참조: flex 속성
CSS 참조: flex-flow 속성
CSS 참조: flex-direction 속성
CSS 참조: 플렉스 기반 속성
CSS 참조: flex-grow 속성
CSS 참조: flex-shrink 속성
HTML DOM 참조: flexWrap 속성