codepen (1) 썸네일형 리스트형 #16. CSS - Flex items 속성 :: shrink shrink container가 감소할 때 item이 감소하는 비율을 설정하니다. 숫자가 크면 더 많은 너비가 감소합니다. grow와 마찬가지로 item이 가변 너비가 아니거나, 값이 0일 경우 효과가 없습니다. 기본값은 1입니다. flex-shrink: 감소너비; 현재 너비가 100px인 두 개의 item A와 B가 있다고 가정해보겠습니다. 각각 아이템에 flex-shrink를 2, 1로 주도록 하겠습니다. 만약 container의 너비를 30px만큼 줄이면 item A와 item B의 크기는 어떻게 계산이 될까요? 먼저 너비를 계산하기 전에 item A와 item B의 비율을 계산해야합니다. item A의 너비 * item A의 shrink : item B의 너비 * item B의 shrink ite.. 이전 1 다음
