如何讓我的div在中間垂直？

Question

可能重複：
Method for full-screen vertically-centered HTML page?

請告訴我如何使我的div在頁面中間垂直顯示。

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; 
}