align-items : flex 아이템 세로 정렬

See the Pen align-items by nilgi (@nilgi) on CodePen.

 

display: flex;

• align-items: flex-start; // 아이템의 세로 정렬 위치 위

• align-items: center; // 중앙

• align-items: flex-end; // 아래

• align-items: stretch; // 아이템을 컨테이너 높이만큼 늘리기

• align-items: baseline; // 아이템 중앙을 기준으로 나열