如何将循环拆分为两列

时间：2015-06-17 作者：deve cot

我正在运行一个dwfocus新闻网站，我想将我的li-loop分类分为两部分，请告诉我如何继续，谢谢。

<div class="headlines" data-interval="<?php echo ($interval>0)?$interval*1000:\'false\'; ?>">
        <ul>
        <?php  
            $i = 0;
            while ( $r->have_posts() ) {
                $r->the_post();
        ?>
            <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><span class="time_diff"><?php echo \' - \' . dw_human_time_diff( get_the_time(\'U\'), current_time(\'timestamp\') ); ?></span></li>
        <?php } ?>     
        </ul>
    </div>

2 个回复
最合适的回答,由SO网友:Junaid 整理而成

您需要创建css 创建类后，请尝试以下操作

<div class="headlines" data-interval="<?php echo ($interval>0)?$interval*1000:\'false\'; ?>">
    <ul>
    <?php  
        $i = 0;
        while ( $r->have_posts() ) {
            $r->the_post();
        if($i % 2 == 0){ //even line
    ?>
        <li class="left-col"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><span class="time_diff"><?php echo \' - \' . dw_human_time_diff( get_the_time(\'U\'), current_time(\'timestamp\') ); ?></span></li>
    <?php } else { ?>
        <li class="right-col"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><span class="time_diff"><?php echo \' - \' . dw_human_time_diff( get_the_time(\'U\'), current_time(\'timestamp\') ); ?></span></li>
    <?php };
      $i++; }
    ?>
    </ul>
</div>

SO网友:Mitul

这是你可以得到的代码，先在左边显示10，然后在右边显示

<div class="headlines" data-interval="<?php echo ($interval>0)?$interval*1000:\'false\'; ?>">
<ul class="headline_left">
<?php  
   $i = 1;
    while ( $r->have_posts() ) {
       $r->the_post(); ?>
        <li>
            <?php the_title( \'<a href="\' . get_permalink() . \'">\', \'</a>\' ); ?>
            <span class="time_diff"><?php echo \' - \' . dw_human_time_diff( get_the_time(\'U\'), current_time(\'timestamp\') ); ?></span>
        </li>
        <?php 
        if($i == 10){ 
            echo "</ul><ul class=\'headline_right\'>";
        } 
        $i++; 
    }
?>
</ul>  
</div>
CSS代码：

.headline_left{
    float:left;
    width:42%;
    padding-right:6%;
   /*   margin:1px;*/
    min-height:40px;
   /*padding-left: 1px;*/
}
.headline_right{
    float:left;
    width:42%;
    padding-right:6%;
    margin:0;
    min-height:40px;
}

结束
标签： loop   小码农  

相关推荐

Help with if/else loop

你能帮我在这个循环中添加一个else语句吗？<?php $post_type = \'post\'; // <-- Post Type $tax = \'temporada\'; // <-- Taxonomía $termino = get_terms($tax); $category = get_the_category(); $cat_name = $category[0]->cat_ID; if ($termino) {