Wie die Höhe der Boxen für jeden Artikel gleich ist, so dass es keinen Leerraum gibt

Question

Ich möchte die gleiche Höhe der Box für jeden Artikel machen. Wenn ich mehr Text schreibe, ist die Box höher, was ich nicht möchte. Gibt es einen Weg, dies zu erreichen?

http://michalurban.cz/rybicky/

Hier ist das Problem auf das Bild markiert:

Answer 1

Mit jQuery können Sie die größte Höhe aller Elemente finden und diese Höhe für alle von ihnen gelten.

// @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>