php中产品卡周围的div容器

Question

我对 php 很陌生，现在我被困在我认为很容易的事情上。字节我看不出我的问题出在哪里。

我正在尝试创建一个显示我所有产品的网上商店页面。 对问题！ 到目前为止，这是我的代码。它按预期显示所有产品，但它在除第一个产品卡之外的所有产品卡之前关闭主容器和产品容器。如何将所有产品卡片包装在同一个 div 中？

$pdo = connect();
$limit = 20;
$offset = 0;
$stmt = get_all_products($pdo, $limit, $offset);

$stmt->execute();
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
?>

    <main>
        <section class="product-container">
        <?php
    foreach($rows as $row) {
        ?>
        <div class="product-card">
            <img class="product-image" src="<?php echo $row['Img'];?>" >
            <h2 class="title"><?php echo $row['ProductName']; ?></h2>
            <span class="price"><?php echo $row['Price'];?></span><span>:-</span>
        </div>
        </section>
    </main>
    <?php

}?> 

Answer 1

您应该在foreach 循环结束后移动结束main 和section 标记。

<main>
    <section class="product-container">
    <?php
    foreach($rows as $row) {
        ?>
        <div class="product-card">
            <img class="product-image" src="<?php echo $row['Img'];?>" >
            <h2 class="title"><?php echo $row['ProductName']; ?></h2>
            <span class="price"><?php echo $row['Price'];?></span><span>:-</span>
        </div>
    <?php }?> <!-- Close the foreach loop here -->
    </section>
</main>