flex-wrap

[CSS] flex | align-items | justify-content | flex-direction | flex-wrap | layout 배치방법

✨ flex 개념 ✔️ flexible box라고도 부른다. ✔️ layout 배치의 기능을 수행한다 속성 1️⃣ display: flex flex container를 정의할 때 사용 (1)가로방향으로 flex item배치, (2)내용물의 width만큼 차지, (2)container의 높이만큼 height 증가 2️⃣ align-items (1) align-items: flex-start; : 아이템을 시작점 기준으로 정렬 기본값 (2) align-items: flex-end; : 아이템을 끝으로 정렬함 (3) align-items: center; : 아이템을 가운데로 정렬함 3️⃣ justify-content 메인방향 아이템 정렬(가로배치일 경우엔 왼쪽, 세로 배치일 때에는 위쪽 정렬) (1) just..