0

在具有产品网格布局的网上商店工作。

网格默认为 5 项，向下 4 项：20 项。

使用 CSS，项目<li>有理由将它们均匀地隔开。但是，当您的间距小于 5 的倍数时，间距会倾斜，因为对齐间距在该行上的空间少于 5 个项目，从而增加了更多的空白。见：http: //jsfiddle.net/DmgeF/1/

现在，我知道使用$count_page = $wp_query->post_count. 每页最多可以列出 200 个项目。

我的想法是在最后一行添加虚拟<li>元素，如果它需要 1、2、3 或 4 个额外<li>的 s 来平衡间距。

我试过了：

// GET MULTIPLES OF 5
$array_main = array_fill(1, 40, null);
array_walk($array_main, function(&$item, $key){ $item = $key * 5; });

// GET $array_main MINUS OTHERS
$minus_1 = $minus_2 = $minus_3 = $minus_4 = array();
foreach($array_main as $key => $value) {
    $minus_1[$key] = $value - 1 ;
    $minus_2[$key] = $value - 2 ;
    $minus_3[$key] = $value - 3 ;
    $minus_4[$key] = $value - 4 ;
}

这导致项目数减去缺失的n值<li>。

我一直在努力弄清楚的是如何计算<li>我需要的失踪人数。

就像是：

if($count_page IS A VALUE OF $minus_1) { echo '<li></li>'; }
if($count_page IS A VALUE OF $minus_2) { echo '<li></li><li></li>'; }
if($count_page IS A VALUE OF $minus_3) { echo '<li></li><li></li><li></li>'; }
if($count_page IS A VALUE OF $minus_4) { echo '<li></li><li></li><li></li><li></li>'; }
4

1 回答 1

1

您需要添加5 - $count_page % 5虚拟列表项以使列表项的总数达到 5 的倍数，除非$count_page % 5 == 0在这种情况下您不必添加任何虚拟列表项。

于 2013-03-29T10:51:54.240 回答