Style flexFlow 속성

정의와 사용법

flexFlow 속성은 flexDirection 와 flexWrap 속성의 약자 속성.

flexDirection 속성은 활성화된弹性项目的 방향을 정의합니다.

flexWrap 속성은 활성화된弹性项目이 줄바꿈되어야 하는지 정의합니다.

주석:요소가 활성화된弹性项目이 아니면 flexFlow 속성이 유효하지 않습니다.

다른 참조:

CSS 참조 매뉴얼:flex-flow 속성

예제

활성화된 아이템을 열쇠 열고 줄바꿈하지 않게 표시합니다:

document.getElementById("main").style.flexFlow = "column nowrap";

직접 시도해 보세요

문법

flexFlow 속성 반환:

object.style.flexFlow

flexFlow 속성 설정:

object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

속성 값

값 설명
flex-direction

가능한 값:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

기본 값은 "row"입니다.

활성화된弹性项目的 방향을 정의합니다.
flex-wrap

가능한 값:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

기본 값은 "nowrap"입니다.

활성화된弹性项目이 줄바꿈되어야 하는지 정의합니다.
initial 이 속성을 기본 값으로 설정합니다. 참조: initial.
inherit 부모 요소에서 이 속성을 상속합니다. 참조: inherit.

기술 세부 사항

기본 값: row nowrap
반환 값: 문자열로, 요소의 flex-flow 속성.
CSS 버전: CSS3

브라우저 지원

표中的数字은 이 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
지원 11.0 지원 9.0 지원

관련 페이지

HTML DOM STYLE 참조 매뉴얼:flex 속성

HTML DOM STYLE 참조 매뉴얼:flexBasis 속성

HTML DOM STYLE 참조 매뉴얼:flexDirection 속성

HTML DOM STYLE 참조 매뉴얼:flexGrow 속성

HTML DOM STYLE 참조 매뉴얼:flexShrink 속성

HTML DOM STYLE 참조 매뉴얼:flexWrap 속성