循环分配高度

Question

我想分配一个 div 的高度并将它分配给另一个 jQuery。这带有几个 div 的循环。第二个 div 在两行上。

它适用于 Mac Chrome、IE PC，但不适用于 Chrome PC。

我没有得到正确的值。 Mac 我第一次得到 37，第二次得到 74。 PC都是37.

感谢您的帮助。 :)

$('.display-block.title-node-information').each(function() {
 var height = 0;
  console.log($(this).height());

});

.title-node-information{
  font-size: 39px;
 font-family: 'Gotham Black';
  line-height: 37px;
  margin-left: 15px;
  margin-bottom: 12px;
  display:inline-block;
  width: 30%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bord">
  <div class="bar"></div>
  <div class="display-block title-node-information">Hello</div>
</div>
<div class="bord">
  <div class="bar"></div>
  <div class="display-block title-node-information">Concerts &amp; spectacles</div>
</div>

Answer 1

如果您调整 window 的大小，那么两个 DIV 的高度都会改变。试试这个。即使您已经给出 width:30% 并且如果您最小化或调整大小 window然后它会改变..希望这能给你明确的答案

循环分配高度

Loop to assign the height

css

jquery

height