-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
질문입니다
21.01.21 18:20 작성 조회수 95
0
flexbox 사용시
align-items랑
얘는 없구
align-contents랑
얘는 space-between, space-around, space-evenly
개념이 헷갈리네요.@_@
어떨때 둘이 사용되는지 예시로 비교 해주실 수 있을까요?ㅎㅎ
답변을 작성해보세요.
1
1분코딩
지식공유자2021.01.22
align-items는 요소들이 한 줄로 배치되어 있을 때의 수직축 정렬이고,
align-content는 flex-wrap: wrap이 설정되여 요소들이 여러줄이 되었을 때의 수직축 정렬입니다.
글이나 말로 생각하는 것 보다는,
https://studiomeal.com/archives/197
이 페이지에서 해당 부분의 동작을 직접 테스트 해보시면 감 잡으실 수 있을 것 같아요.
참고로 align-items는 굉장히 자주 쓰이고,
align-content는 상대적으로 자주 쓰이지는 않습니다.
답변 1