페이지 내부의 div를 가운데 맞춤 및 수직 정렬하는 방법은 무엇입니까?

Question

나는 인터넷을 수색 해 해결책을 찾는 시간을 찾았는데 결코 그것을 찾지 못하는 것 같습니다. 로그인 페이지가 있고 페이지의 중앙에 완전히 위치 시키길 원한다면 어떻게 될까요?

나는 이것을하는 법을 결코 알지 못했고 희망을 갖고 누군가 내게이 지식의 부족함을두고 끝낼 수있게 도와 줄 수 있습니다.

여기

내가 원하는 것은 410 픽셀의 높이 756px의 폭 사업부를 가지고있다가 화면의 중앙에하는 예입니다. 그래서 수직 및 수평. 나는 그 안에 다른 사람들을 내용으로 담을 수 있기를 원한다. 예를 들어 어쩌면 거기에 로그인 페이지 나 블로그 게시물 등을 넣고 싶을 수도 있습니다.

미리 감사드립니다.

Answer 1

margin: auto;을 사용하십시오.

HTML :

​<div class="middle">middle</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

CSS :

​.middle 
{ 
    width: 100px; 
    height: 50px; 
    border: solid 1px red; 
    margin: auto; 
}​ 

See this link for vertical centering.

여기는 fully working example입니다.