在 5x2 正方形中显示图像实例 - Display instances of images in a 5x2 square?

Display instances of images in a 5x2 square?

我想在一个 5x2 的正方形中显示 10 个图像实例。我用 PHP/HTML/CSS 编写了这个代码：

for ($i = 0; $i <= 9; $i++) {
    if ($i >= 5) {
      $top_position=780;
      echo "1". "<br />";
    }else {
      $top_position = 430;
      echo "2". "<br />";       
    }
    if ($i >= 5) {
      $u = 20 + 250 * $i - 250 * 5;
    }
    else {
      $u = 20 + 250 * $i;
    }
    echo "<style> " . ".background" . $u . "{" . "position: absolute;
   left: " . $u . "px;" . "top: " . $top_position . "px;" . "</style>";
    echo "<img src=http://localhost/Summoner's%20Index/images/scheme.png class=background" . $u . ">";}

我在第二行得到一个 5x1，作为文本我得到：1111122222，所以看起来程序可以正常工作。为什么我只得到 5 张图片而不是 10 张？

查看下面的代码：

for ($i = 1; $i <= 10; $i++) {
    echo "<img src=http://localhost/Summoner's%20Index/images/scheme.png class=background" . $u . ">";
    if ($i == 5){
        echo "<br>";
    }
}