제가 잘 이해하고 있는게 맞다면

21.05.15 07:08 작성 조회수 95

flex #7 강의 3:13 초 장면은 늘어난게 아닌 줄어들고 있는거죠 ??

flex-grow 기본 값이 0이고, flex-shrink는 1이니까 지금 확면 꽉차게 늘어난 것처럼 보여도 사실은 content가 길어서 쭉 늘어진 걸 shrink가 줄이고 있는 거구여 ?

CSS Flex와 Grid 제대로 익히기

Flex 핵심정리 #7 - 유용한 기법들

강의실 바로가기

답변 1

답변을 작성해보세요.

1분코딩

2021.05.25

네 맞습니다.
컨테이너에 display: flex;를 하고 각 아이템에 flex-shrink: 0;을 해주면 내용이 많아 가로로 넘치는 현상을 보실 수 있을 거에요.
그런데 flex-shrink를 기본값인 1 상태로 두면, 알아서 유연하게 잘 줄어들게 되는 거지요~