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 |