처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS Flexbox에서 flex-wrap: wrap의 역할은?

쉬움 MDN Web Docs
보기 및 정답
A 플렉스 아이템이 컨테이너를 넘칠 경우 다음 줄로 줄바꿈한다
B 플렉스 아이템의 기본 방향이 column으로 자동 전환된다
C align-items 속성은 주축 방향의 정렬을 담당한다
D justify-content는 교차축 정렬을 위한 속성이다

해설

flex-wrap: wrap은 플렉스 컨테이너 내 아이템들이 한 줄에 다 들어가지 못할 때 자동으로 다음 줄로 줄바꿈합니다. 기본값 nowrap에서는 아이템이 축소되어 한 줄에 배치됩니다. wrap-reverse는 줄바꿈 방향을 반대로 합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기