如何使每篇文章的盒子高度相同，所以沒有空白

Question

我想為每篇文章都設置相同高度的盒子。 當我寫更多的文字時，方框會更高，這不是我想要的。 有什么辦法可以做到這一點？

http://michalurban.cz/rybicky/

這是圖像上標記的問題：

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>