Inflearn Community Q&A
asked
질문입니다
Written on
·
146
0
flexbox 사용시
align-items랑
얘는 없구
align-contents랑
얘는 space-between, space-around, space-evenly
개념이 헷갈리네요.@_@
어떨때 둘이 사용되는지 예시로 비교 해주실 수 있을까요?ㅎㅎ
flexHTML/CSS
Answer 1
1
studiomeal
Instructor
align-items는 요소들이 한 줄로 배치되어 있을 때의 수직축 정렬이고,
align-content는 flex-wrap: wrap이 설정되여 요소들이 여러줄이 되었을 때의 수직축 정렬입니다.
글이나 말로 생각하는 것 보다는,
https://studiomeal.com/archives/197
이 페이지에서 해당 부분의 동작을 직접 테스트 해보시면 감 잡으실 수 있을 것 같아요.
참고로 align-items는 굉장히 자주 쓰이고,
align-content는 상대적으로 자주 쓰이지는 않습니다.