以正确的位置在一个循环项中显示每两个数组项

debugcn 发表于 Dev

哲学

我正在尝试做一些适合设计的东西，所以我必须在 1 个循环中显示 2 个项目。另外，根据这种设计，应该在每 4 个循环中换行。自动应用换行符，但固定为 4。因此，在 4 循环中，它实际上显示了 8 个项目。然而，我坚持的一点是；项目未显示在我想要的展示位置中。你可以在图片中看到我想要做的更详细的放置。

红色数字 =当前位置
绿色数字 = 位置应该是
黄色框 = For 循环项（8 项）
黑框 =数组中的项目（16 个项目）

ul,li {
padding:0;
margin:0;
list-style:none;
}

li {
width:30px;
}
.gen {
  width: 140px
}

li {
  display: inline-block;
}

.ic {
  width: 100%
}

<ul class="gen">
  <li>
    <ul>
      <li class="ic">a</li>
      <li class="ic">b</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">c</li>
      <li class="ic">d</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">e</li>
      <li class="ic">f</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">g</li>
      <li class="ic">h</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">i</li>
      <li class="ic">j</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">k</li>
      <li class="ic">l</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">m</li>
      <li class="ic">n</li>
    </ul>
  </li>
  <li>
    <ul>
      <li class="ic">o</li>
      <li class="ic">p</li>
    </ul>
  </li>
</ul>

如您所见，项目不是按字母顺序从左到右放置的。

这是我使用的循环：

// 16 items
$items = array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p'); 
$half = count($items) / 2;
$k = 0;

echo '<ul class="gen">';
for($i = 0; $i<$half; $i++) {
  echo '<li>';
  echo '<ul>';
  echo '<li class="ic">'.$items[$k].'</li>';
  echo '<li class="ic">'.$items[$k+1].'</li>';
  echo '</ul>';
  echo '</li>';
  $k = $k+2;
}
echo '</ul>';

安东尼·鲁索斯

我希望这有帮助。您可以运行此代码并查看输出。

// chaganged the array to match your picture.
$items = array('1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16');
//used to format the output
echo "<pre>";
for ( $i = 0; $i<count($items) ; $i++ ) {
    echo "loop start \n";
    // access 1st item
    echo $items[$i]."\n";
    // based on your example, it seems that you need the item that is 4 places after the first item of the loop
    echo $items[$i+4]."\n";
    echo "loop end\n";
    // we can use mod to check if we have reached the 4th element (index 3), we use $i+1 to check the second element of the loop
    if ( ( $i+1 )%4 == 0 ) {
        echo "\n---new line---\n";
        $i = $i + 4;
    }
    echo "\n";
}
echo "</pre>";

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。