flex 레이아웃2

flex레이아웃 복습

오늘 배울 내용

Flex-wrap
Align-content
Flex-flow
Flex item에 줄 수 있는 속성들

Flex-wrap

기본값 일때는 무조건 한줄로 하려고함. (줄바꿈을 허용하지 않음)
사이즈가 찌그러짐

규격이 넘어가면 자연스럽게 다음줄로 넘어감

Align-content

Flex-flow

지금까지 쓰던 border: 1px solid red
이것도 픽셀크기, 실선, 색상 세가지를 합친 단축속성

예시

Flex item에 줄 수 있는 속성들

더 있지만 자주쓰이는 네가지.