php - 固定幅li設計による固定流体マージン

Question

説明するフィドルがあります：http://jsfiddle.net/DmgeF/1/

最初の 20<li>秒は適切に位置合わせされ、with が 960px に低下すると、横に 4 つ、下に 5 つになります。

ただし、2 番目のs の一部を削除すると、最後の行が正しく表示され<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;
}

s は 0 から 200 までの<li>量で変動するため、クラスを追加して、「ギャップ」領域に分類されるものを見つけようとしました (理想的ではありませんが、うまくいきます)。

私は、数学の魔法使いが$countと私の非論理的なクラスを使用してパターンを理解する方法を理解すると仮定しています。

PHP経由でやりたいと思っていましたが、jQueryもクールです。

編集

ダミーを追加できるとしたらどうでしょうか<li>。

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

より効率的です。