PHP购物车，从数据库获取产品，对CSS样式进行排序

我正在尝试整理我从我的产品数据库中使用php代码检索到的产品，我遇到的问题是，产品是垂直地一个接一个地列出的，我希望它们彼此相邻地显示，例如，水平地显示4个产品及其价格，下面的描述，我确实尝试过使用CSS通过给类ID来设计它，但是我无法整理它，我也在这里搜索了一下，但没有运气。任何帮助都将不胜感激

    <?php
      $con = mysqli_connect("localhost", "root", "pass", "sharifstores");

      $result = mysqli_query($con, "SELECT * FROM tblProduct");
      echo "<br>";
      echo "<table>";

      while ($row = mysqli_fetch_array($result)) {
        $pname = $row[1];
        $image = $row[2];
        $description=$row[3];
        $price = $row[4];
        echo "<tr><td>$pname</td>";
        echo "<td><img src=\"$image\" width=\"200\" height=\"180\" />    </td>";
        echo "<tr><td>$description</td>";
        echo "<tr><td>$price</td>";
        echo "<td><form action=\"basket.php\" method=\"POST\">"
        . "<input type=\"submit\" name=\"$pname\" value=\"Add $pname to Basket\" />"
        . "</form></td></tr>";

        }
       echo "</table>";
       mysqli_close($con);
    ?>

---

您可以这样做：首先循环行以获取所有数据。然后再次循环以显示它们

$products = array();
$i = 0;
while ($row = mysqli_fetch_array($result)) {
    $product = new stdClass();
    $product->name = $row[1];
    $product->description = $row[2];
    $product->price = $row[3];
    $product->price = $row[4];

    $products[$i++] = $product;
}

echo "<tr>";
foreach($products as $product){
    echo "<td>
        $product->name
    </td>";
}
echo "</tr>";

$products=array（）；
$i=0；
while（$row=mysqli\u fetch\u数组（$result））{
$product=新的stdClass（）；
$product->name=$row[1]；
$product->description=$row[2]；
$product->price=$row[3]；
$product->price=$row[4]；
$products[$i++]=$product；
}
回声“；
foreach（$products as$product）{
回声“
$product->name
";
}
回声“；

---

基本上，你可以为每一个产品特性都这样做。有点蹩脚，但它很管用。

试试这个

<?php
      $con = mysqli_connect("localhost", "root", "pass", "sharifstores");

      $result = mysqli_query($con, "SELECT * FROM tblProduct");
      echo "<br>";
      echo "<table>";

      while ($row = mysqli_fetch_array($result)) {
        $pname = $row[1];
        $image = $row[2];
        $description=$row[3];
        $price = $row[4];
        echo '<div style="float:left; width:23%;margin:5px;">';
        echo "<tr><td>$pname</td>";
        echo "<td><img src=\"$image\" width=\"200\" height=\"180\" />    </td>";
        echo "<tr><td>$description</td>";
        echo "<tr><td>$price</td>";
        echo "<td><form action=\"basket.php\" method=\"POST\">"
        . "<input type=\"submit\" name=\"$pname\" value=\"Add $pname to Basket\" />"
        . "</form></td></tr>";
        echo "</div>";

        }
       echo "</table>";
       mysqli_close($con);
    ?>

      <div style="clear:both;"></div>

还有另一种方法：

<br/>
<table>
<?php
      $con = mysqli_connect("localhost", "root", "pass", "sharifstores");
      $result = mysqli_query($con, "SELECT * FROM tblProduct");

      while ($row = mysqli_fetch_array($result)) {
        $pname[] = $row[1];
        $image[] = $row[2];
        $description[] = $row[3];
        $price[] = $row[4];
    }

    foreach($pname as $key => $name) { ?>
        <div style="float:left; width:23%;margin:5px;">
            <tr>
                <td><?php echo $name; ?></td>
                <td><img src="<?php echo $image[$key]; ?>" width="200" height="180" /></td>
                <tr><td><?php echo $description[$key]; ?></td>
                <tr><td><?php echo $price[$key]; ?></td>
                <td>
                <form action="basket.php" method="POST">
                    <input type="submit" name="<?php echo $name; ?>" value="Add <?php echo $name; ?> to Basket" />
                </form>
                </td>
            </tr>
        </div>
    <?php  } mysqli_close($con); ?>
</table>
<div style="clear:both;"></div>

“width=“200”height=“180”/>