flex-flow
flex-direction과 flex-wrap 속성을 한번에 지정할 수 있는 프로퍼티이다. flex-wrap은 자식 요소에 가로 세로 크기(200px, 200px)가 있을 때 해당 개수가 많아져 모두 한줄에서 표현할 수 없을 경우 이를 처리하는 방법을 결정하는 프로퍼티이다.
no-wrap의 경우 한줄에서 표현할 수 없을 경우에도 한줄로 표현하여 지정한 자식크기가 변경이 된다.
wrap의 경우 한줄에서 표현할 수 없을 경우 여러줄에 걸쳐 나누어서 표현하여 자식 크기를 온전히 표현한다.
'Frontend > CSS Layout' 카테고리의 다른 글
| flex-grow (0) | 2024.01.30 |
|---|---|
| order (0) | 2024.01.30 |
| align-items vs align-content (0) | 2024.01.30 |
| flex-direction (0) | 2024.01.30 |
| justify-content (0) | 2024.01.30 |