크기 조정 페이지 세로 집결 콘텐츠

Question

this과 비슷한 페이지를 만들려고합니다. 브라우저 창의 크기가 조정될 때 콘텐츠의 세로 가운데 맞춤이 유지됩니다.

는 여기에 지금까지있어 무엇 : 나는 상하 중앙에 머물 수있는 .marketing 요소를 얻으려고

http://codepen.io/realph/pen/svuHI

. 바닥 글은 페이지 아래쪽에 붙어 있지만 브라우저 창의 크기를 조정할 때 위로 이동합니다.

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

Answer 1

당신의 .marketing CSS이 추가

position: absolute; 
top: 50%; 
margin-top: -50px; /* change this to half of the height of the element */