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

rsy9010님의 프로필 이미지
rsy9010

작성한 질문수

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)

contents 영역 제작하기 (section.global영역)

'VIEW' 라는 텍스트를 박스 가운데로 오게 만들 때

작성

·

140

0

안녕하세요 강의내용 중 14:57~ 즈음에 VIEW를 박스 중앙(가로로도 가운데, 세로로도 가운데)에 배치하기 위해 padding-top: 200px을 주어야한다고 하셨는데, 그 이유에 대해 궁금합니다!

와이드 모니터의 경우에는 padding-top을 주면 중앙정렬이 잘 되는 것처럼 보이는데 더 작은 모니터(노트북 등)에서 보았을 때는 중앙정렬이 안 되어서요.

이럴 경우에는 display:flex를 주고, align-items:center와 justify-contents:center를 주는 편이 낫지 않을까하고 생각했었는데 혹시 강사님께서 특별히 padding-top으로 짜신 이유가 있을까하여 질문드립니다!! 

답변 1

1

J.영님의 프로필 이미지
J.영
지식공유자

rsy9010님 안녕하세요?
질문 감사합니다^^
본 과정 제작시...레이아웃 제작에 기본을 익힐 수 있도록 하기 위해 작성하다보니~~
padding-top을 적용했습니다.

 display속성을 적용해도 상관없습니다. 레이아웃 초보강좌에 맞게 작성적용했다고

생각하십됩니다~~~

항상 열공하시고~ 좋은결과 있으시길 바랍니다.
감사합니다.
J.young드림

rsy9010님의 프로필 이미지
rsy9010

작성한 질문수

질문하기