将档案拆分为2列

时间:2018-01-30 13:28:21

标签: css archive two-columns

我正在努力让我的档案显示帖子分为2列。有什么建议?下面是我到目前为止的代码和css类。我找不到正确的方法来修改css类以显示这个权限。问题是我的行列高度不等,行第一行有1个帖子,第二行有2个,第三行有1个,依此类推。

CSS

 .half {
    width: 50%;
    float: left;
    padding-right: 24px;
}

.ng-row {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.ng-row:after {
    clear: both;
    display: table;
    content:'';
}

CODE

            <?php if($i == 0) {
              echo '<div class="ng-row">';} ?>
                <div class="half">
                <?php get_template_part( 'content', get_post_format() ); ?>
                </div>
             <?php $i++; if($i == 2) {$i = 0;
             echo '</div>';}?>
            <?php endwhile; ?>
            <?php if($i > 0) {echo '</div>';}?>

        <?php get_template_part( 'pagination' ); ?>

    <?php else: ?>

        <?php get_template_part( 'content', 'none' ); ?>

    <?php endif; ?>

0 个答案:

没有答案