jquery - 如何垂直对齐具有绝对位置的div？

Question

我有两个 div，我需要将它们放在另一个 div 中的正上方。很简单，我使用 z-index 并给它们 position:absolute。但是这些 div 中的每一个的内容都需要垂直对齐。当我将它们放在顶部时，它们不会垂直居中。

有没有办法混合这两种风格来做到这一点？

或者这是否可以通过 jQuery 以某种方式实现？

这基本上就是我所拥有的。

<div style="width:100%">
  <div style="height:400; width:400; display:table-cell; vertical-align:middle; z-index:0; position:absolute;"><img></div>
  <div style="height:400; width:400; display:table-cell; vertical-align:middle; z-index:1; position:absolute;"><img></div>
</div>

我有高度和宽度、表格单元格和垂直对齐作为中间。这会将内容居中，直到我添加 z-index 工作所需的绝对位置。

有什么想法吗？谢谢，

Answer 1

给你的内部 div line-height:400px;

http://jsfiddle.net/2DXPg/1/