html - 如何居中并垂直对齐页面内的div？

Question

我在互联网上搜索了无数个小时来寻找解决方案，但似乎永远找不到。如果我有一个登录页面并且我想让它完全居中在页面的中心会怎样。

我一直不知道该怎么做，希望有人能帮助我解决我的知识匮乏问题。

这是一个例子

我想要的是让一个高度为 410px、宽度为 756px 的 div 居中显示在屏幕上。所以垂直和水平。然后我希望能够将 other 的内容放入其中。例如，也许我想在其中放置一个登录页面或博客文章或其他内容。

提前致谢!

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 .