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

Question

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

我从来没有想出如何做到这一点，希望有人能帮助我解决我缺乏知识的问题。

这是一个例子

我想要的是有一个高度为 410 像素、宽度为 756 像素的 div 以屏幕为中心。所以垂直和水平。然后我希望能够将 other 与内容一起放入其中。例如，也许我想在那里放一个登录页面或博客文章或任何东西。

提前致谢！

Answer 1

使用margin: auto;.

HTML：

​&lt;div class="middle">middle</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS：

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

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

这是一个完整的工作示例。