如何居中和垂直對齊頁面中的div中間？

Question

我在互聯網上搜索了無數個小時尋找解決方案，我永遠無法找到它。如果我有一個登錄頁面，並且想要將它完全集中在頁面的中心，該怎麼辦？

我從來沒有想過如何做到這一點，希望有人能幫助我，並結束對我的知識缺乏。

下面是一個例子

我想是有一個與的410px的高度和756px寬度的div來在屏幕上居中。所以垂直和水平。然後我希望能夠將其他內容放入其中。例如，也許我想將登錄頁面放在那裏或博客文章或任何東西。

特別感謝提前！

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。