如何居中并垂直对齐到页面内部的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;
}​

有关垂直居中的信息，请参见此链接 。

这是一个完整的示例 。