문제
flex 레이아웃을 사용하는데, flex-direction: row 를 사용하면 강제로 부모 엘리먼트의 크기에 맞춰서 자식 엘리먼트의 크기를 줄여버린다.
원본 크기 그대로를 사용하면서 줄넘김이 될 수는 없을까?
해결
flex-wrap: wrap 속성을 사용하면 된다.
레퍼런스
반응형
'프론트엔드 > CSS' 카테고리의 다른 글
| CSS 접두사 (CSS Prefix, webkit, moz, ms, o) 가 의미하는 것은? (0) | 2023.07.05 |
|---|---|
| CSS 작성 방법론 중 하나인 BEM 방법론이란? (0) | 2022.12.14 |
| img 태그 사용시 아래의 4px 의 미묘한 빈공간이 생기는 이유 (0) | 2022.12.05 |
| CSS display 속성의 특징 (0) | 2022.12.05 |
| CSS 접기 펴기 애니메이션 만드는 방법 (height: auto 일 때 문제 해결) (0) | 2022.11.29 |