728x90
반응형
기본 동작
- flex-wrap: nowrap; (기본값)
→ 아이템들이 한 줄에만 배치되고, 넘치면 그대로 삐져나옴. - flex-wrap: wrap;
→ 부모의 가로 공간이 부족하면 다음 줄로 자동 줄바꿈. - flex-wrap: wrap-reverse;
→ 줄바꿈은 되지만, 새 줄이 위쪽으로 쌓임.
728x90
반응형
'Front > CSS' 카테고리의 다른 글
[CSS] grid-template-columns, grid-template-rows (0) | 2025.09.09 |
---|---|
[CSS] grid-column, grid-row (0) | 2025.09.08 |
[CSS] flex에서 가로배치와 세로배치 (0) | 2025.08.13 |
[CSS] pointer-events (0) | 2025.07.03 |
[CSS] grid-template-columns (0) | 2025.04.24 |