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

Question

我有一个里面有几个图像的div，我想垂直居中。我可以给出一个特定的宽度和高度做div。没问题。如果必须，我也接受js。我只是想知道，从这些例子的MAZE中，我可以有一个简单的。

div宽度为600，高度为500。

提前致谢， MEM

Answer 1

容易腻。说你的div有id="myDiv"。然后...

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

...将div放在其偏移父级内部。

Half-scale demo（这样你就不必让你的窗户真的很大，无法正常看到效果）

Answer 2

简单地处理这个问题，你可以使用填充到div。