flex 질문이요

[강인웅]

div 내의 자식 요소들을 flex로 놓고

flex-direction 속성을 column으로 놓았을 때

자식 요소들의 컨텐츠를 가로축으로 가운데 정렬하고 싶으면 

align-items:center를 해줘야 하더라구요 justify-content:center가 아니라요

align-items가 세로축 정렬 justify-content가 가로축 정렬이라고 알고 있는데

flex-direction속성을 column으로 놓았을 때는 왜 align-items 속성을 이용하여 가운데 정렬을 해줘야 하는지 궁금합니다

[codingapple]

display : flex를 주면 메인축이라는게 숨겨져 있는데 메인축은 기본적으로 가로선입니다

flex-direction을 column으로 주면 메인축은 세로선이 됩니다

justify content는 메인축을 기준으로 가로정렬 해주는 속성입니다

 

[강인웅]

그럼 flex-direction을 column으로 주면 메인축은 세로선이 되니깐

align-items:center를 해줘야 세로선 기준으로 가운데 온다고 알고 있으면 될까요?

[codingapple]

넴 

[글쓴이]

글