flex-direction
과 flex-wrap
속성을 한번에 지정하는 속기 속성이다.
flex-flow
속기 속성에 사용되는 타입이다.
플렉스 항목에 대한 flex-direction
속성과 flex-wrap
속성을 한번에 지정하는 값을 나타낸다.
<‘flex-direction’> || <‘flex-wrap’>
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
row | row-reverse | column | column-reverse
플렉스 컨테이너의 주축은 현재 writing-mode
의 블록축과 같은 방향이다. main-start
및 main-end
방향은 각각 현재 writing-mode
의 블록 시작 및 블록 종료 방향과 동일하다.
column
과 동일하나 main-start
와 main-end
방향이 바뀐다.
플렉스 컨테이너의 주축은 현재 writing-mode
의 인라인 축과 같은 방향이다.
row
와 동일하나 main-start
와 main-end
가 바뀐다.
flex-wrap
속성에 사용되는 타입이다.
플렉스 레이아웃 항목들이 주축 방향으로 나열되는 방식을 나타낸다.
nowrap | wrap | wrap-reverse
플렉스 레이아웃 항목들이 한 줄로 나열된다.
플렉스 레이아웃 항목들을 필요하다면 여러 줄에 걸처 나열한다.
wrap
과 동일하나 순서가 역순으로 나열된다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
플렉스 레이아웃 항목들이 한 줄로 나열된다.
플렉스 컨테이너의 주축은 현재 writing-mode
의 인라인 축과 같은 방향이다.
flex-flow: column nowrap;
object.style.flexFlow = "column nowrap";
Modules | ||
---|---|---|
Module Name | Status | Summary |
Flexible Box Layout Module Level 1 | 추천 후보 | Last review date: 2022-6-16 |