본문 바로가기
웹코딩 배우기/· CSS

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

by 닐기 2021. 10. 8.

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; // 아이템 중앙을 기준으로 나열

 

반응형

댓글0