如何使每篇文章的盒子高度相同，所以没有白色 space

Question

我想为每篇文章制作相同高度的盒子。当我写更多的文字时，框会更高，这不是我想要的。有什么办法可以做到这一点？

这是图片上标记的问题：

Answer 1

使用 jQuery 您可以找到所有元素的最大高度并将该高度应用于所有元素。

// @param $elements - a jQuery object of the elements you want the same height
function setHeightsToLargest($elements) {
  var largest = 0;
  $elements.each(function() {
    var h = $(this).height(); 
    if (h > largest) {
      largest = h;
    }
  });
  $elements.height(largest);
}

setHeightsToLargest($('article'));

article {
  width: 50%;
  float: left;
  background: #000;
  color: #fff;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<article>
  <p>
    V této novince si představíme nádherný aquascape, který vytvořil 29letý Ryan Thang To. Aquascaping je v podstatě naaranžování kamenů, rostlin, substrátu, kořenů a jiných věcí v akváriu tak, že vznikne esteticky příjemná přírodní podívaná.
  </p>
</article>
<article>
  <p>
    V thajském Bangkoku jsme mohli v minulosti najít uvnitř jednoho z opuštěných obchodních center obří nádrž plnou Koi a sumců. Proč právě v obchodním centru a&nbsp;jak se tam dostali?
  </p>
</article>

如何使每篇文章的盒子高度相同，所以没有白色 space

How to make height of boxes same for every article so there is no white space

html

css

article

jquery

whitespace