将多个类别拆分为两列

时间:2012-11-07 作者:a_knife_a_fork

将页面上的多个类别拆分为两列的最佳方式是什么?

现在我不需要A类进入第1列,也不需要B/C/D类进入第2列。我只需要将多个类别分为两列,而不管它们是什么。

当前页面的代码如下所示:

<?php get_header(); ?>

<div id="articles-wrap" class="row span_9">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

        <article <?php post_class() ?> id="post-<?php the_ID(); ?>">
            <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
            <?php include (TEMPLATEPATH . \'/_/inc/meta.php\' ); ?>
            <div class="entry">
                <?php the_content(); ?>
            </div>
            <footer class="postmetadata">
                <?php the_tags(\'Tags: \', \', \', \'<br />\'); ?>
                Posted in <?php the_category(\', \') ?> | 
                <?php comments_popup_link(\'No Comments &#187;\', \'1 Comment &#187;\', \'% Comments &#187;\'); ?>
            </footer>
        </article>

        <?php endwhile; ?>
        <?php include (TEMPLATEPATH . \'/_/inc/nav.php\' ); ?>

    <?php else : ?>

        <h2>Not Found</h2>

    <?php endif; ?>
</div><!-- articles-wrap | row span_9 -->

<?php get_sidebar(); ?>
<?php get_footer(); ?>
谢谢

1 个回复
SO网友:a_knife_a_fork

CSS3救援!

#articles-wrap, .span_9 {
      -moz-column-count: 2;
      -moz-column-gap: 10px;
      -moz-column-rule: none;
      -webkit-column-count: 2;
      -webkit-column-gap: 10px;
      -webkit-column-rule: none;
    column-count: 2;
    column-gap: 10px;
    column-rule: none;
    }

结束

相关推荐

如何在活动组织者插件中使用Get_Categories()

我想在选项卡中显示我的类别。除了我用Event Organiser创建的“即将到来的活动”,一切都很好http://wordpress.org/extend/plugins/event-organiser/), 未被视为正常类别,因此它们不会出现。本质上,get\\u categories()并没有返回事件类别。如何修复此显示器?$args = array(\'type\'=> \'post\', \'order\' => \'ASC\', \'hide_empty\' => 1 );&