인프런 커뮤니티 질문&답변
작성한 질문수
제가 잘 이해하고 있는게 맞다면
작성
·
191
1
flex #7 강의 3:13 초 장면은 늘어난게 아닌 줄어들고 있는거죠 ??
flex-grow 기본 값이 0이고, flex-shrink는 1이니까 지금 확면 꽉차게 늘어난 것처럼 보여도 사실은 content가 길어서 쭉 늘어진 걸 shrink가 줄이고 있는 거구여 ?
퀴즈
51%나 틀려요. 한번 도전해보세요!
요소를 Flex 컨테이너로 만들기 위해 부모 요소에 적용해야 하는 CSS 속성은 무엇일까요?
position: flex
display: flex
layout: flex
flex: container
답변 1
0
1분코딩
지식공유자
네 맞습니다.
컨테이너에 display: flex;를 하고 각 아이템에 flex-shrink: 0;을 해주면 내용이 많아 가로로 넘치는 현상을 보실 수 있을 거에요.
그런데 flex-shrink를 기본값인 1 상태로 두면, 알아서 유연하게 잘 줄어들게 되는 거지요~