안녕하세요. 선생님 flex 수직수평중앙정렬에서요.
높이값이 없다면 수직중앙은 안된다고 알고 있는데요.
강의에서 보면, height: 100vh;주기 전에 align-items: center;를 주니깐 수직으로 가운데로 내려오는데요.
의아해서 질문드립니다.
<span style="color: #212529; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; font-size: 16px; background-color: #f1f3f5;">HTML+CSS 실전 퍼블리싱 제작 with JQUERY 20세 이상 성인인증 체크 강의에서, 8:35초 내용입니다.
<span style="color: #212529; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; font-size: 16px; background-color: #f1f3f5;"><img title="flex.png" src="https://cdn.inflearn.com/public/files/posts/a7ff5457-907c-45f0-989e-922ef2796caa/flex.png" alt="" width="1311" height="677" />

질문글 보고서 저도 영상을 다시 봤는데 body에 높이 값을 안줬는데 align-items: center에 수직중앙으로 가네요. 의아하네요...
해당 영상은 완성본 파일이 있는게 아니라서 확인을 해보질 못하겠네요.
영상을 계속 봐도 중앙으로 올 이유가 없는데 중앙으로 오네요... 저도 의아하네요.ㅠㅠ
높이값이 없다면 수직중앙은 안된다고 알고 계신게 맞습니다.

답변주셔서 감사합니다. 열심히 공부할게요~!!

인프런 커뮤니티 질문&답변

flex 수직중앙정렬 질문드립니다.