부모 컨테이너 안에 여러 자식요소가 있다고 했을 때 화면 크기를 줄일 경우 자식 요소가 줄어드는 속도를 지정할 수 있다. 이 때 사용하는 속성이 flex-shrink이다. 값이 클수록 줄어드는 속도도 빠르다. 0일 경우 자식 요소에 텍스트가 있을 때 텍스트가 차지하는 비율 이상으로 줄어들지 않는다.
'Frontend > CSS Layout' 카테고리의 다른 글
| flex-basis (0) | 2024.01.30 |
|---|---|
| flex-grow (0) | 2024.01.30 |
| order (0) | 2024.01.30 |
| align-items vs align-content (0) | 2024.01.30 |
| flex-flow (0) | 2024.01.30 |