php - 在 PHP 中创建产品的网格视图

Question

非常新的 PHP 请忍受。

正如您从我的代码片段中看到的那样，我只是在一行下显示产品信息，然后使用 while 重复循环。然后，这显然将我的相关数据显示在一列中，一个列下。

while ($row = mysqli_fetch_row($result)){

    echo "<img src=\"images/album1.jpg\"/><br>"; //this will eventually show the product image
    echo "<a href=\"product.php?id=$row[0]\">$row[1] </a><br>"; //this shows the product name
    echo "<strong>&pound$row[2]</strong><br>"; //this shows the product price

            }

我将如何创建网格视图，例如使用列来显示我的数据？我认为这将是某种要添加的循环，并且可能使用表格来显示我的数据？

任何帮助是极大的赞赏。

Answer 1

您可以通过创建 div 并将该 div 向左浮动这将创建网格视图

while ($row = mysqli_fetch_row($result)){
    echo "<div class='container'>";
    echo "<img src=\"images/album1.jpg\"/><br>"; //this will eventually show the product image
    echo "<a href=\"product.php?id=$row[0]\">$row[1] </a><br>"; //this shows the product name
    echo "<strong>&pound$row[2]</strong><br>"; //this shows the product price
    echo "</div>";
    }

和CSS

.container{
  float:left;
}

您还可以设置 div 的最大高度和宽度