如何在显示了5篇文章后动态添加一个中断以创建一个文章标题列表？

<div class="col-sm-2">
          <ul>
            <?php
                $args = array( \'post_type\' => \'custom-post-type\' );
                $query = new WP_Query( $args );

                  if ( have_posts() ) : while ( $query ->have_posts() ) : $query ->the_post();
                  ?>

            <li><?php the_title(); ?></li>

                <?php $query_count = $query ->current_post + 1; ?>
                <?php if ( $query_count % 5 == 0): ?>

          </ul>
        </div>
        <div class="col-sm-2">
          <ul>

              <?php endif; ?> 

           <?php endwhile; endif; wp_reset_postdata(); ?>
          </ul>
        </div>

目前，前10个帖子显示正确，其余帖子不显示。在前两个div之后有一个空的第三个div元素，但没有post。我看不出我错过了什么。感谢您的反馈。

if ( $query_count % 5 == 0 && $query_count < $query->post_count )