● flexbox 속성값
- 자식에게 주어야하는 속성값
- flex-grow
- flex-shrink
- flex-basis
● flexbox 속성값 설명
- flex-grow 같은 경우는 flex를 준 부모의 자식들 간의 영역 넓이를 정하는 것이다. grow는 비율로 따지며, 기본 값은 0 이다.
- 아래 예시를 보면 모든 자식 박스 값은 0, basis auto이다. 왼쪽 주황색 박스가 가장 너비가 넓다.
- 1) 주황색 grow에 1을 주었을 때,
- 1) grow1, grow1, grow2, grow3 을 차례대로 주었을 때
따라서 모두 합산한 비율대로 계산해 너비가 늘어난다. 한요소만 1이된다면 그 요소로 다 채워지게 된다.
- flex-basis는 flex-direction에 따라 지정된 너비와 높이의 값을 설정한다. 기본값은 auto이다.