inflearn logo
강의

Course

Instructor

Instagram Clone - full stack web development

contents

top :50% 가 왜 가운데로 안가는건가요?

452

sseeble

24 asked

0

  transformtranslateY(-50%);
까지 해야 수직 정렬 되는 이유가 궁금해요

클론코딩 HTML/CSS django python

Answer 1

0

kindtiger

안녕하세요 정지죤님 kindtiger입니다 :)

우리가 포지션을 주고 top:50%를 줬을때는 정가운데가 아닌 부모크기의 절반만큼 이동하고 그 이후로 등장하는 명령어입니다.

그럼 y축으로 가운데 정렬을 하려면 내 크기의 절반만큼이 다시 위로 올라가야 가운데 정렬이 됩니다.

사용하신  transform: translateY(-50%)는 내 위치를 기준으로 나의 크기의 절반만큼  반대방향(위쪽)으로 이동하겠다는 뜻입니다.

그래서 top: 50% 와 transform: translateY(-50%) 가 함께 있어야 y축으로서 정가운데를 찾을 수 있습니다 :)

더 궁금하신게 있으시면 답글 남겨주세요 ^^

variableWidth.style.width 실행이 안되는것 같습니다.

0

302

0

알수없는 에러,,

0

209

0

postgresql: unrecognized service

0

287

0

AssertionError

0

213

0

\d 해도 작동이 안되고 에러가 납니다.

0

314

3

혹시 안내사항이 무슨 말인가요??

0

248

1

팔로잉 부분이 아예 작동이 안되네요. 분명히 똑같이 적은거 같은데 글자도 그림 뒤에 숨고 잘 작동이 안되요

0

283

3

전체 완성된 코딩소스는 어디잇나요?

0

187

2

4:10 쯤에 보이는 네모칸(빨, 주, 노, 초, ...) 치는 앱은 무엇인가요?

0

267

2

웹을 조금 해본사람이 들어야하나요 ?

1

211

1

제가 models.py의 Comment에서 post 변수를 안쓰고

0

230

0

여기까지 따라하고 runserver를 했더니 오류가 떠요

0

420

2

너무 저급한 질문 일 수도 있긴한데

0

171

0

화면이 오류가 안뜨는데

0

236

0

해결은 했지만 궁금합니다.

0

182

0

config폴더에 있는것과 accounts폴더에 있는 것들은 어떻게 다른건가요?

0

358

1

acoount 아래에 urls.py가 없는데 만들어야하나요?

0

190

1

링크가 안생겨요

0

203

1

상위폴더로 어떻게 이동하나요?

0

1111

1

psql이 안돼요

0

210

0

똑같이 했는데 오류가 뜹니다

0

285

1

6분 54초

0

176

0

저도 왜 좋아요가 안뜨는 걸까요?

1

536

6

댓글 icon 을 디자이너분이 수정하신거 github에 올라온줄 알았는데

2

237

0