inflearn logo
강의

講義

知識共有

フォローして学ぶHTML、CSS

flex-grow, flex-shrink

flex-shrink 질문입니다

215

00prft1220

投稿した質問数 2

0

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

HTML/CSS

回答 1

0

John Ahn

안녕하세요 00.prft님

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

image이렇게 나오죠

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

글을 없애보면

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

감사합니다.

header_logo

0

167

1

인스타그램 실습

0

276

1

유튜브 실습

0

305

1

a-button:hover , active에 다음과 같은 에러 메시지가 뜹니다.

0

378

2

도표 자료 (해결)

0

327

1

grid-template-columns에 대하여

0

197

1

가상 클래스(의사 클래스)의 정의가 이해가 되지 않습니다.

0

221

2

스토리 생성하기 부분에서

0

174

1

안녕하세요 강사님 질문 있습니다.

0

328

1

Abutton 만들기 css가 인식이 안돼요.

0

337

1

유튜브 사이드바 생성할때 bottom 0

0

357

1

영상 자료를 다운받아도 자료가 보이지 않습니다.

0

374

1

인라인 요소, 블록 요소

0

290

1

css 질문 있습니다 !!

0

272

1

자료 pdf 파일로 보내 주실수 있는지 질문드립니다.

0

344

1

nth-child(2n+1)에 대해 궁금해요

0

495

1

개발블로그 내용정리 게시 가능 여부

0

408

1

nth child에 대한 개념

0

407

2

도표자료를 열 수 없습니다.

0

331

1

profile__picture 사진 크기 조정

0

328

1

header태그

0

327

1

<strong>과 같은 semantic 태그와 SEO, 실무의 사용이 궁금합니다!

0

363

1

도표 자료 pdf 파일로 아이패드로 어떻게 옮기나요?

0

1187

1

창이 일정크기 이상 줄어들지 않아요

0

315

1