그리드의 그리드, 그러나 마지막 아이템이 도처에 점프합니다

Question

안녕하세요 저는 데이터 루프 (WordPress 포스트)를 그리드 위에 올려 놓았습니다. 그러나 마지막 행방이 coloumn 1 (4 점 만점) 인 경우, 내가 가져 가면 아래 컨테이너를 가져옵니다.

나는 그것이 너무 오래 쳐다 보던 것들 중 하나인지는 모르지만, 작고 어리석은 것 또는 큰 것을 놓친 것.

여기에서 문제가있는 부분을 누구든지 볼 수 있습니까?

내 코드는 다음

<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%; 
}