김코드의 웹디자인 세상

✏ flex-wrap flex-wrap은 플렉스 컨테이너 속 플렉스 아이템들을 올바르게 출력하기 위해 줄 바꿈 하는 속성이다, 속성 중 no-wrap과 wrap, wrap-reverse 가 있다. 1. no-wrap no-wrap은 줄 바꿈 없이 출력되는 것으로 기본값이다. 그렇기에 따로 flex-wrap의 no-wrap을 지정하지 않아도 이미 적용되어 있다고 생각하면 된다. 2. wrap wrap은 플렉스 아이템들을 줄 바꿈을 할 수 있는 구조로 만드는 속성으로 지정된 크기로 출력될 수 있도록 한다. 아래 그림엔 1~5의 플렉스 아이템들이 있다. .container{ display:flex; background-color: royalblue; width: 400px; height: 200px; } .c..