使用固定宽度li设计固定流体边缘

Question

我有这个小提琴来解释：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>'; }

效率更高。