垂直对齐两个分区

Question

明智的网络编程新手。

我正在尝试垂直对齐两个包装div，以便它们位于页面的中间，而不管浏览器。该网站可在此处找到：www.armedwithreason.com/massshooting

我已经在这个问题上查了几十个教程，并且无法获得任何工作。有什么想法吗？

Answer 1

您已在这两个div上设置width和height，然后您可以使用此类代码：

.wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -300px;
}
.wrapper2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 150px;
    margin-left: -300px;
}

使用top: 50%; left: 50%，将div的左上角放在中间，然后用/正/负边距调整其位置。

JsFiddle（一个有自己风格的基本款）