
[CSS] flex-box 레이아웃 연습
·
Stack/CSS
container에게 주는 속성 1. display: flex; 2. flex-direction: 배치방향을 지정 row / column / row-reverse / column-reverse 3. flex-wrap: 아이템을 한줄로만 배치할건지 여러줄로 배치할건지 지정 wrap / no-wrap / wrap-reverse 4. flex-flow: column no-wrap 5. justify-content: 주축방향 아이템 정렬 지정 flex-start / flex-end / center / space-around / space-between 6. align-items: 교차축 아이템 정렬 지정 (한줄일 때) flex-start / flex-end / center / stretch (default) 7..