• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

flex-shrink 질문입니다

24.01.11 10:28 작성 조회수 103

0

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

답변 1

답변을 작성해보세요.

0

안녕하세요 00.prft님

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

image이렇게 나오죠

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

글을 없애보면

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

감사합니다.