グリッド内のループ、しかし最後の項目はどこでもジャンプ

Question

こんにちは私はそれの上にホバーをグリッドのデータ（WordPressの投稿）のループを持っています。 しかし、もし最後のものがcoloumn 1（4つのうちの1つ）にあれば、私はそれを下に置くと、下のコンテナも持ち上がります。

私はそれがあまりにも長いことを凝視しているそれらの事件の1つであるかどうかわかりませんが、小さいと愚かな何か大きなものを欠いています。

ここで問題がどこにあるのか誰にでも見てください。

私のコードここ

<div class="wpb_column vc_column_container vc_col-sm-3" style="padding:8px"> 
    <a href="<?php echo post_permalink($ID); ?>" > 
    <div class="showhim"> 
     <img src="http://www.qygjxz.com/data/out/114/5304683-image.jpg"> 
     <div class="showme"> 
      <div class="postimage-title"> 

       <div class="supplier-image"><a href="<?php echo post_permalink($ID); ?>" ><?php the_title(); ?></span></a> 
       </div> 
      </div> 
     </div> 
     <div class="wpb_wrapper"><div class="vc_empty_space" style="height: 10px"><span class="vc_empty_space_inner"></span></div> 
     </div> 
    </div> 
<!-- End Image box --></a> 
</div> 

<?php  
    if(($the_query->current_post+1)%4 == 0){ 
     echo '<div class="clear" style="clear:left"></div>'; 
    } 

    endwhile; 
?> 

であることがhttps://thetaguk.com/site/author/parm-kaur-2/

Answer 1

はこのスタイルを追加できます場合は、リンクである：

.showhim { 
    position: relative; 
} 
.supplier-image { 
    margin-top: 0; 
    position: absolute; 
    top: 47%; 
    margin: auto; 
    width: 100%; 
}