视口中心 - 使用 js 或 CSS 方法垂直固定高度和宽度 div

Question

我有一个 div，里面有几张图像，我想将其垂直居中。我可以给div指定一个具体的宽度和高度。没问题。如果必须的话我也接受js。我只是想知道，从这些例子的迷宫中，我可以有一个简单的吗？

div 的宽度为 600，高度为 500。

提前致谢， MEM

Answer 1

简单易行。假设您的 div 有 id="myDiv"。然后...

#myDiv {
    position: absolute;
    top: 50%;
    margin-top: -250px; // half the height of #myDiv
}

...将 div 置于其偏移父级的中心。

半比例演示（这样你就不必把窗口调得很大来正确地看到影响）

Answer 2

处理这个问题很简单，可以对div使用padding。