jquery - 找到 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 的顶部边距？”

这个。 Padding-top 也可以。