我有这个小提琴来解释:http://jsfiddle.net/DmgeF/1/
前20个<li>
可以正确对齐,当下降到960px时,有4个横向和5个向下。
但是,在第二个<div>
中,您可以看到是否删除了最后一行看起来错误的<li>
部分内容。我知道它正在执行代码所说的(为了证明),但有没有办法让最后一行左对齐?
我从PHP循环中获取列表:
$count = $wp_query->found_posts; // TOTAL POSTS
$wp_query = new WP_Query($args);
if($wp_query->have_posts()) {
while($wp_query->have_posts()) :
$wp_query->the_post();
global $post, $product;
echo '<li>'. $DUMMY_CONTENT . '<li>';
endwhile;
}
<li>
的数量会在0到200之间波动,所以我已经尝试过为他们添加课程并弄清楚哪些会落入“gappy”区域(不理想,但会工作)
我假设一些数学向导会弄清楚如何使用$count
和我的不合逻辑的类添加来找出模式。
我希望通过PHP来实现它,但jQuery也很酷。
我只是想,如果你可以添加虚拟<li>
s。
if($count == '4') { echo '<li></li>'; }
if($count == '6') { echo '<li></li><li></li><li></li><li></li>'; }
效率更高。