如何居中並垂直對齊到頁面內部的div？

Question

我已經在互聯網上搜索了無數小時，以尋找解決方案，但我似乎永遠找不到。 如果我有一個登錄頁面，並且想要將其完全居中放置在頁面中央，該怎么辦。

我從來沒有想過如何做到這一點，希望有人可以幫助我消除這種對我的了解。

這是一個例子

我想要的是一個div，高度為410px，寬度為756px，位於屏幕中央。 所以垂直和水平。 然后，我希望能夠將other的內容放入其中。 例如，也許我想在其中放置登錄頁面或博客帖子或其他內容。

非常感謝！

Answer 1

使用margin: auto; 。

HTML：

​<div class="middle">middle</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS：

​.middle
{
    width: 100px;
    height: 50px;
    border: solid 1px red;
    margin: auto;
}​

有關垂直居中的信息，請參見此鏈接 。

這是一個完整的示例 。