중간에 세로로 div를 만드는 방법은 무엇입니까?

Question

가능한 중복 :
Method for full-screen vertically-centered HTML page?

이

Pls는 어떻게 내 사업부를 만드는 방법을 가르쳐 페이지의 중앙에 수직으로 나타납니다.

Answer 1

시도해 볼 수 있습니다. 당신의 HTML에서

:

<div id="tbl"> 
<div id="tbl_cell"> 
    <div id="content"></div> 
</div> 
</div> 

당신의 CSS에서는 :

html, body, #tbl { 
margin: 0; 
padding: 0; 
height: 100%; 
width: 100%; 
} 

#tbl { 
display: table; 
} 

#tbl_cell { 
display: table-cell; 
margin: 0; 
padding: 0; 

text-align: center; 
vertical-align: middle; 
} 

#content { 
border: 1px solid red; 
background-color: #000; 
width: 100px; 
height: 100px; 
margin: auto; 
}