php - 固定宽度 li 设计的固定流体边距

Question

我有这个小提琴要解释：http: //jsfiddle.net/DmgeF/1/

前 20<li>秒正确证明，当 with 下降到 960px 时，有 4 个横向和 5 个向下。

但是，在第二个中，<div>您可以看到是否删除了一些<li>s 最后一行看起来是错误的。我知道它正在做代码所说的（证明），但是有没有办法让最后一行左对齐？

我从 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;
}

s的<li>数量会在 0 到 200 之间波动，所以我已经尝试向它们添加类并弄清楚哪些会落在“gappy”区域（不理想但会起作用）。

我假设一些数学向导会弄清楚如何使用$count和我的不合逻辑的类添加来找出模式。

我希望通过 PHP 来实现，但 jQuery 也很酷。

编辑

我只是想，如果你可以添加 dummy <li>s。

if($count == '4') { echo '<li></li>'; }
if($count == '6') { echo '<li></li><li></li><li></li><li></li>'; }

只会更有效率。