전체보기

Container - display - flex-direction - flex-wrap [shorthand] flex-flow : column wrap; - justify-content - align-item (한 줄에 대한 정렬) - align-content (여러 줄에 대한 정렬) - align-self (align-item 사용 시 한가지 아이템에만 따로 적용) Item - align-self (align-item 사용 시 한가지 아이템에만 따로 적용) - flex-grow flex-grow : 1 → n개가 동일한 크기로 꽉채워짐 Container에 flex-wrap → wrap 시 개행된 두번째 줄 꽉채워짐 0이 기본 .item:nth-child(2) 는 2, .item:nth-child(3) ..