[CSS] flex 아이템에 적용하는 속성

flex를 계속 사용해왔는데 자식요소의 크기 정하는 개념을 정확하게 이해하지 않은 상태에서 사용을 하니깐 비율 계산이 잘안됐다.

 

flex 아이템에 적용하는 속성들

flex-basis (유연한 박스의 기본 영역)

: flex 아이템의 기본 크기를 설정한다. 

- 각종 단위의 수가 들어간다. 

 

flex-grow (유연하게 늘리기)

: flex-basis의 값보다 커질 수 있는지를 결정하는 속성이다.

- flex-basis를 제외한 여백 부분을 flex-grow에 지정된 숫자의 비율로 나누어 가진다. 

 

flex-shrink (유연하게 줄이기)

: flex-grow와 쌍을 이루는 속성, 아이템이 flex-basis의 값보다 작아질 수 있는지를 결정한다. 

 

 

단축 속성