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

时间:2013-03-29 06:01:53

标签: php javascript jquery

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

效率更高。

0 个答案:

没有答案