固定高さの画像を垂直に整列するdiv

Question

知識ベースの高低を検索しましたが、何も結果が得られないようです。

私が下に取り組んでいるコンテンツのスクリーンショットとコードを添付しましたが、私がする必要があるのは、最も高い画像によって作成されたdivの高さに基づいて画像を垂直に整列させることです。

だから、いくつかのこと。コンテナのone-editionの固定高さは、最も大きいイメージサイズによって決まります.JSでこれを行うことはできますか？

次に、高さが決まると、画像は真ん中に垂直に揃えられます。

希望はこれが理にかなっています。

<div class="grid_3 one-edition"> 
<a href="product-1.php"><img src="images/editions/1_Right_To_Buy_295.jpg"></a> 
     <div class="editions-info-text"> 
      <p>Right To Buy</p> 
      <p>C-type Print</p> 
     </div> 
    </div> 
    <div class="grid_3 one-edition"> 
     <a href="product-1.php"><img src="images/editions/2_Scorer_295.jpg"></a> 
     <div class="editions-info-text"> 
      <p>Hyperbolic Paraboloid Roof</p> 
      <p>Offset Print</p> 
     </div> 
    </div> 
    <div class="grid_3 one-edition"> 
     <a href="product-1.php"><img src="images/editions/3_PL16_295.jpg"></a> 
     <div class="editions-info-text"> 
      <p>132Kv PL16</p> 
      <p>Offset Print</p> 
     </div> 
    </div> 
    <div class="grid_3 one-edition"> 
     <a href="product-1.php"><img src="images/editions/4_What_We_buy_295.jpg"></a> 
     <div class="editions-info-text"> 
      <p>What We Buy</p> 
      <p>Publication</p> 
     </div> 
    </div> 

Answer 1

基本的に、私はvertical-align: middleを使用

http://jsfiddle.net/7ybzp/6/

..私はすでに多くの答えを見たが、私はplacekittensを使用して時間を過ごしたので、私はまだ、これを掲示しています。私はinline-blockを使った。