CSS로 페이지의 HTML 요소를 쉽게 가운데에 배치합니까?

Question

본인은 페이지 중간에 직접 배치하려는 양식이 있습니다. 나는이 CSS가있다

#form { 
     width: 240px; 
     height: 100px 
     margin: 0 auto; 
     display: block; 
     } 

이것은 단지 수평하게한다. 수직으로 할 수있는 방법이 있습니까?

Answer 1

제가 틀릴 수도 있지만 내가 정확히 기억한다면 ..이 작동합니다 : 내가 틀렸다면, 당신은 아마 자바 스크립트를 사용할 필요가

#form { 
    width: 240px; 
    height: 100px 
    position: absolute; /* make sure this is wrapped by an element with "position: relative" */ 
    top: 50%; 
    left: 50%; 
    margin: -50px 0 0 -120px; /* half of the height and width */ 
    } 

.

Answer 2

실제로는 페이지 위쪽에서 오프셋을 선언 할 수 있지만 잠시 생각해보십시오. 웹 페이지는 얼마나 큽니까? 수직으로 중심에 두는 것은 무엇을 의미합니까?

열려있는 브라우저 창 높이를 기준으로 가운데에 놓으시겠습니까? 또는 페이지 높이에 비례하여 중심에 배치됩니다 (브라우저 윈도우 크기에 관계없이 머리글의 맨 윗부분과 바닥 글의 아래쪽에 위치).

미리보기에서 원본 글의 댓글은이 글을 잘 보여줍니다.