创建 while 循环时遇到问题

Question

我已经为两列布局编写了 CSS，并且我有一个带有用户注释的“用户”数据库。

所以当我像这样运行一个 while 循环时： while($row = mysqli_fetch_array($result))

PHP 应该像这样动态创建 html（取决于用户数量）：

    <div class="row">

        <div class="col">
            <div class="col-content"><?php echo $row['notes'] ?></div> 
            <!-- Notes of user 1 -->
        </div>

        <div class="col">
           <div class="col-content"><?php echo $row['notes'] ?></div>
           <!-- Notes of user 2 -->
        </div>

    </div>

    <div class="row">

          <div class="col">
               <div class="col-content"><?php echo $row['notes'] ?></div>
               <!-- Notes of user 3 -->
           </div>

           <div class="col">
              <div class="col-content"><?php echo $row['notes'] ?></div>
              <!-- Notes of user 4 -->
           </div>

    </div>

如果只有一个用户，html 应该是这样的：

<div class="row">

    <div class="col">
        <div class="col-content"><?php echo $row['notes'] ?></div>
        <!-- Notes of user 1 -->
    </div>

</div>

同样，如果有 3 个用户，则应该有一行两列和另一行一列。

有没有办法做到这一点？

编辑：在此处添加了我的 php 代码。

   <?php 

    $query = "SELECT * FROM users"; 
    $result = mysqli_query($conn, $query);
    while($row = mysqli_fetch_array($result)){

   ?>

    <div class="row">

        <div class="col">
            <div class="col-content"><?php echo $row['notes'] ?></div>
        </div>

    </div>


   <?php  } ?>

该代码的问题在于它为每个用户创建了一个带有“一列”的新行。 我的目标是在行中有“两列”。

Answer 1

您可以使用循环内的模运算符 (%) 来实现类似的功能。

$i = 0;
$rowCount = mysqli_num_rows($result);
$rowsHTML = '';

while($row = mysqli_fetch_array($result)){
    $notesHTML = '<div class="col">
            <div class="col-content">'.$row['notes'].'</div> 
            <!-- Notes of user 1 -->
        </div>';

    if($i%2 == 0){
        $notesHTML = '<div class="row">'.$notesHTML;
        // check if its the last item and the row has to be closed after 1 col
        if($i+1 == $rowCount){
            $notesHTML = $notesHTML.'</div>';
        }
    } else {
        $notesHTML = $notesHTML.'</div>';
    }

    $rowsHTML .= $notesHTML;
    $i++;
}
echo $rowsHTML;

Answer 2

<?php

$query = "SELECT * FROM users";
$result = mysqli_query($conn, $query);
$i = 0;

?>

<div class="row">

<?php 

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

    if($i>1 && $i%2==0) echo '</div><div class="row">';

    $i++;
?>
    <div class="col">
        <div class="col-content"><?php echo $row['notes'] ?></div>
    </div>

<?php  } ?>

</div>