找到div高度问题并相应地改变边距

Question

各种内容DIV以幻灯片形式显示（我正在使用Malsup's Cycle plugin）一次一个，但具有不同的高度（单独地，在不同时间，最大高度可能不同）。 news div具有最高内容DIV的高度。我想将内容DIV在news DIV中垂直居中。用CSS做一个简单的方法吗？或者我应该使用jquery来计算newsWrapper的高度，从中减去newsNav高度和news，将其减半，然后将其添加为margin-top。内容DIV？

<div id="newsWrapper">
  <div id="newsNavTop">
  </div>
  <div id="news">
    <div>Content1</div>
    <div>Content2</div>
    <div>Content etc...</div>
  </div>
  <div id="newsNavBottom">
  </div>
</div>

Answer 1

“或者我应该使用jquery来计算newsWrapper的高度，从中减去newsNav的高度和新闻，将其减半，然后将其添加为每个内容DIV的margin-top？”

此。 Padding-top也适用。

Answer 2

您可以尝试将其显示为表格。

#news {
    display: table-cell;
    vertical-align: middle;
}

#news > div {
    display: block;
}

http://jsfiddle.net/seler/P23DJ/

它不适用于lte 7