inflearn logo
강의

Course

Instructor

Real! Website Creation! Step by Step! ('Help' Site Creation_Basic Course)

Creating a contents area (section.global area)

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

217

rsy9010

2 asked

0

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

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

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

웹 디자인 HTML/CSS

Answer 1

1

jyoung

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

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

생각하십됩니다~~~

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

6-6

0

18

1

Json 플러그인 사용시 variable collection 없음

0

17

1

배리어블 목록 없음

0

23

3

Token 등록 방법 문의

0

21

1

6-6 실습 문의

0

25

2

섹션5 노션링크 는 따로 없나요?

0

32

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

33

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

29

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

24

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

56

2

width100%궁금합니다~

0

206

1

리셋에 대한 질문

0

218

1

<span> 태그와 <div>, <p> 태그 관련 질문입니다!

0

733

2

float:left 질문입니다!

0

208

1

잘못 구입한거 같네요..

0

187

1

강의자료 다운로드 문의

0

239

1

section.global에서 애니메이션 질문

0

152

0

cover는 background 속성의 올바른 값이 아닙니다.

0

1616

2

float

0

167

1

text-align

0

307

4

animation widthAni 줄때 .txtImg에 overflow:hidden

1

294

1

after와 before의 차이

0

293

1

안녕하세요 강의 폴더

1

361

1

영상 1, 2 자연스럽게 연결돈게 맞나요?

0

288

1