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

00.prft님의 프로필 이미지

작성한 질문수

따라하며 배우는 HTML, CSS

flex-grow, flex-shrink

flex-shrink 질문입니다

24.01.11 10:28 작성

·

145

0

 flex-shrink 코드를 똑같이 따라 치고, Item의 수를 4개에서 5개로 늘리면 shrink가 적용되지 않았습니다. shrink가 적용되는 조건에 개수 혹은 너비의 합이 있는 건지 궁금합니다!

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

2024. 01. 12. 17:15

안녕하세요 00.prft님

item 4 와 item 5 둘 다에 flex-shrink 1 을 주셨다면

image이렇게 나오죠

둘 다 shrink 가 된 상태인데 컨테이너를 넘는 이유는
글자 때문입니다.

글을 없애보면

image이렇게 올바르게 수축된 걸 볼 수 있습니다.

감사합니다.

00.prft님의 프로필 이미지

작성한 질문수

질문하기