我正在尝试将循环拆分为4列。我的逻辑有很大的缺陷,我的布局也有问题。这么简单的问题,但我正在努力解决。
我基本上需要将每组四根柱子包装在一个容器“行”分区中。当然,剩下的任何柱子,即使少于四根,也要进行包装。
<div class="twelve columns">
<?php
$i = 0;
if (have_posts() ) : while ( have_posts() ) : the_post();
if ($i == 0) { echo \'<div class="row">\'; }
if ($i%4== 0) { echo \'</div><div class="row">\'; } ?>
<div class="three columns">
<?php the_post_thumbnail(); ?>
<h3>Title</h3>
</div>
<?php
if ( $i%4 == 0) {
echo \'</div>\';
}
$i++;
endwhile; endif; ?>
</div>
我也在stackoverflow上发布了这个,但没有回复。有什么建议可以解决我的问题吗?
最合适的回答,由SO网友:vguerrero 整理而成
尝试以下操作:
<div class="all-posts">
<div class="post-group>
<?php $i = 0;
if (have_posts() ) : while ( have_posts() ) : the_post();
if ($i%4 == 0) echo \'</div><div class="post-group">\'; ?>
<div class="post">
<?php the_title(); ?>
</div>
<?php $i++;
endwhile; endif; ?>
</div><!-- end post-group -->
</div><!-- end all-posts -->
您的代码是以4的倍数关闭、打开和关闭div。无论如何,我猜这一切都是关于布局的,所以你应该只能用CSS找到更好的解决方案。