align-items

• display: flex이고, flex-direction: colum일 때 세로방향일 때 사용 가능한 속성들이다.

속성

• flex-start(가로 기본값) 가로든 세로든 시작하는부분부터 방향으로 정렬한다.

• 가로방향 왼쪽 정렬세로방향 위쪽 정렬한다.

• flex-end 가로든 세로든 마무리 부분에 끝쪽에 정렬. 가로방향 오른쪽 정렬 세로방향 아래쪽 정렬한다.

• center 중앙 정렬 가운데로부터 양옆으로 간격이 없도록 설정 따로 마진을 주면 띄울수 있다.

align-items(세로 방향)에서만 사용할 수 있는 속성

• stretch 아이템들이 수직축 방향으로 끝까지 쭈욱 늘어난다.

• 개별아이템에 설정하고싶으면 그 아이템css에 align-items, 뒤에 적용하고 싶은 속성을 설정해주면 된다.