README.md

Flex

flex box 제공 속성

1. display
2. flex-direction
3. justify-content
4. align-items
5. flex-wrap
6. flex-flow
7. align-content

flex item 제공 속성

1. order
2. align-self
3. flex

justify-content

• 플렉스 요소의 수평 방향 정렬 방식을 설정

1. flex-start
2. flex-end
3. center
4. space-between
5. space-around

align-items

• 플렉스 요소의 수직 방향 정렬 방식을 설정

한 줄을 가지는 플렉스 박스에서 효과가 없음

 무조건 두 줄 이상을 가지는 박스에서만 효과 있음

align-self

• 플렉스 컨테이너의 align-items 속성보다 우선 적용
• 각각의 플렉스 요소마다 다른 align 속성을 설정 가능