[CSS] Flexbox - Vertical Aligning(align-items 사용하기)

🎪 놀고있네/HTML & CSS

냥장판 2020. 3. 4. 09:12

안녕하세요 냥장판 입니다

지난 게시글 에서는 flexbox 정렬에 대해 알아봤어요

[CSS] Flexbox - Aligning(justify-content 사용하기)

안녕하세요 냥장판 입니다 지난 게시글에서는 Flexbox에 대한 대략적인 개념에 대해서 설명했어요. 2020/02/24 - [놀고있네/HTML & CSS] - [CSS] Flexbox - 기본개념 [CSS] Flexbox - 기본개념 안녕하세요 냥장판..

miaow-miaow.tistory.com

justify-content 가 수평 방향의 정렬을 말한다면,

수직 방향에 정렬에서는 align-items 속성을 사용한답니다!

align-items에 사용할 수 있는 속성은 아래와 같다.

justify-content와 사용법은 비슷하다.

stretch 와 baseline 은 기준이 조금 다른데,

stretch는 같은 크기로 세로로 죽 늘리는거고

baseline 은 크기는 다르지만 x 축을 기준점으로 정렬된다고 보면 된다.

그럼 이만!