강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Key Handsome님의 프로필 이미지
Key Handsome

작성한 질문수

CSS Flex와 Grid 제대로 익히기

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

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

작성

·

190

1

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

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

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

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

Key Handsome님의 프로필 이미지
Key Handsome

작성한 질문수

질문하기