我的行很难受！

Question

我正在构建一个主题模板页面，该页面调用特定父级的所有子类别并显示它们，使它们看起来像这样：

唯一的麻烦是当任何行少于3个帖子时，它看起来像这样：

如果有更多或少于3个帖子，我需要显示1-3个帖子并转到下一个类别，而不是看起来像废话。

$taxonomy = 'category'; //  e.g. post_tag, category
$param_type = 'category__in'; //  e.g. tag__in, category__in
$term_args=array(
    'orderby'  => 'name',
    'order'    => 'ASC',
    'child_of' => 13
);
$terms = get_terms($taxonomy,$term_args);
if ($terms) {
    foreach( $terms as $term ) {
        $args=array(
            "$param_type" => array($term->term_id),
            'post_type' => 'candidate',
            'post_status' => 'publish',
            'showposts' => -1,
            'caller_get_posts'=> 1
        );
        $my_query = null;
        $my_query = new WP_Query($args);
        if( $my_query->have_posts() ) {
            echo '<div class="val-postcontent val-post"><h4 >' . $term->name. ' Candidates</h4></div> ';    
            while ($my_query->have_posts()) : $my_query->the_post();      
                get_template_part('content', 'overview');
            endwhile;                
            echo '<div class="test"><a  href="' . get_category_link( $term->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $term->name ) . '" ' . '>Click here to view all ' . $term->name. ' Candidates</a></div>';
        }
    }
}

Answer 1

我也相信这是一个CSS问题，所以它可能属于StackExchange，但它在这里：

最简单，最快速（也可能是最丑陋）的修复方法是在每个<div style="display:block; clear: both;">之前添加<div class="val-postcontent val-post"> 。

快速简化此方法：将display:block; clear: both;移到单独的css类中，例如.clearfix {...}。

编辑：我是快速触发的。应该在 div

之前添加