교차 축(cross-axis)에서 개별 Item의 정렬 방법을 설정한다.
align-items는 Container 내 모든 Items의 정렬 방법을 설정한다.
필요에 의해 일부 Item만 정렬 방법을 변경하려고 할 경우 align-self를 사용할 수 있다.
이 속성은 align-items 속성보다 우선한다.
| 값 | 의미 | 기본값 |
| auto | Container의 align-items 속성을 상속받음 | auto |
| stretch | Container의 교차 축을 채우기 위해 Item을 늘림 | |
| flex-start | Item을 각 줄의 시작점(flex-start)으로 정렬 | |
| flex-end | Item을 각 줄의 끝점(flex-end)으로 정렬 | |
| center | Item을 가운데 정렬 | |
| baseline | Item을 문자 기준선에 정렬 |
이와같이 각각 원하는것에 위치 설정을 할 수 있다.
'CSS > 속성 - flex' 카테고리의 다른 글
| flex-direction : column, flex-direction: row 수직방향 정렬 설정 (0) | 2021.02.16 |
|---|---|
| Flex Items 속성 - flex (0) | 2021.01.13 |
| Flex Items 속성 - flex-basis (0) | 2021.01.13 |
| Flex Items 속성 - flex-shrink (0) | 2021.01.13 |
| Flex Items 속성 - flex-grow (0) | 2021.01.13 |