如何居中和垂直对齐到页面中间的div？

Question

我在互联网上搜索了无数个小时寻找解决方案，我似乎永远无法找到它。如果我有一个登录页面并且我希望它完全位于页面中心，那该怎么办呢？

我从来没有想过如何做到这一点，希望有人可以帮助我摆脱和结束我对此缺乏了解。

这是一个例子

我想要的是让一个高度为410像素且宽度为756像素的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。