Php Wordpress:按列对帖子排序的最佳方式

Php Wordpress:按列对帖子排序的最佳方式,php,html,css,wordpress,grid,Php,Html,Css,Wordpress,Grid,我想用WordPress制作一本在线杂志。每个帖子都显示在不同的列中。第一栏的第一个是最新发布的,第二栏的,第三栏的,依此类推。最好的方法是什么?我想避免任何职位之间的差距,所以他们遵循对方完美,它看起来很好。我尝试过-moz专栏的东西,效果很好,但是帖子不是按日期排序的,只是CSS认为显示帖子是合适的。我有办法做到这一点吗 到目前为止: CSS PHP: 添加浮动:左到#wrapper#columns.col并添加此规则: .col:nth-child(3n+1) { clear:

我想用WordPress制作一本在线杂志。每个帖子都显示在不同的列中。第一栏的第一个是最新发布的,第二栏的,第三栏的,依此类推。最好的方法是什么?我想避免任何职位之间的差距,所以他们遵循对方完美,它看起来很好。我尝试过-moz专栏的东西,效果很好,但是帖子不是按日期排序的,只是CSS认为显示帖子是合适的。我有办法做到这一点吗

到目前为止: CSS

PHP:


添加
浮动:左
#wrapper#columns.col
并添加此规则:

.col:nth-child(3n+1) {
    clear: left;
}

–谢谢,但是如果你查看实时预览,仍然会有差距。你的意思是希望他们都具有相同的高度?不,高度将取决于帖子的内容。我希望这些帖子可以互相覆盖,而不是像live preview()上显示的那样有白色的间隙。这就是我在回答中提到的更改后的样子——如果你不希望它们的高度相同,那么你指的是什么间隙?在两张高的女性照片之间,有一个小帖子。在柱子下面有一个白色的区域,我不想有那个白色的缺口。我希望这篇文章就在上面的下面。检查一下这个问题的正确答案!
<div id="columns" class="clearfix">
    <?php 
        query_posts('posts_per_page=9' . '&orderby=date'); 
        while ( have_posts() ) : the_post(); 
    ?>
    <div class="col">
        <div class="reader-look">
            <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1>
            <?php if ( has_post_thumbnail() ) {
                the_post_thumbnail();
            } 
            ?> 
            <div class="clearfix"><tag>Blogger Outfit For dagen</tag></div>
            </a>
        </div>
    </div>
    <?php 
        endwhile;
        // Reset Query
        wp_reset_query(); 
    ?>
</div>
.col:nth-child(3n+1) {
    clear: left;
}