align-content
- 플렉스 요소가 설정된 상태에서 요소들이 2줄이상 되었을 때 수직방향 정렬방식을 설정
- flex-wrap의 값을 wrap으로 설정해야 함
stretch: 기본값. 아이템들이 수직축 방향으로 늘어남
flex-start: 요소들이 시작점으로 정렬됨
flex-end: 요소들이 끝으로 정렬
center: 요소들이 가운데로 정렬
space-between: 요소들 사이에 여유 공간을 두고 배치(앞뒤 양쪽에 요소를 붙임)
space-around: 요소들 사이에 여유 공간을 두고 배치(앞뒤 약간의 공간을 둠)
'HTML,CSS' 카테고리의 다른 글
| (43)CSS_CSS 미디어쿼리2 (0) | 2023.04.10 |
|---|---|
| (42)CSS_CSS 미디어쿼리1 (0) | 2023.04.10 |
| (40)CSS_CSS felx 레이아웃2 (0) | 2023.04.05 |
| (39)CSS_CSS flex 레이아웃 (0) | 2023.04.05 |
| (38)다단 레이아웃 (0) | 2023.04.05 |
