align-items

요소들을 수직축(세로) 방향으로 정렬한다

 

 

1. align-items: stretch

 

요소들을 세로 방향으로 최대 크기까지 늘려 정렬한다

 

 

2. align-items : flex-start

 

요소들을 시작점 방향으로 정렬한다

 

 

 

3. align-items: flex-end

 

요소들을 끝으로 정렬한다

 

 

4. align-items: center

 

요소들을 가운데로 정렬한다

 

 

5. align-items: baseline

 

요소들을 텍스트의 기본 라인을 기준으로 설정한다