php - 在 w3-row-padding 中循环 w3-quarter

Question

这里是while looping php in while loop in w3-row-padding of w3 responsive layout 的问题。布局中断

这里是源码

    <?php 
$r=0;
 while($r<ceil($fetch_row_count/4)) 

              { ?>
      <div class="w3-row-padding w3-padding-16 w3-center" style="clear:both" id="food">
          <?php 

          while($row=mysqli_fetch_array($res)) 

              {

         ?>
        <div class="w3-quarter">
            <img src="admin/uploads/<?php echo $row['image']; ?>" alt="noodles" style="width:50%">
          <h3><?php echo $row['title']; ?></h3>
          <p><?php echo $row['description']; ?> </p>
        </div>

        <?php






              }
              $r++;
              }
              ?>

      </div>

提前感谢回复和评论

Answer 1

没有为每个填充容器添加底部 div。

代码的编写方式是添加一个填充容器，然后为每个结果集添加 w3-quarter div，然后重复多次，每个结果集在我看来都是相同的数据集一个。

您可能想要完成的只是制作一个填充的 div，然后用其中的 w3-quarter div 回显您的结果集。

这是您对底部 div 进行更正后的原始方式:

<?php 

$r=0;
while($r<ceil($fetch_row_count/4)) {

  echo        
  '<div class="w3-row-padding w3-padding-16 w3-center" style="clear:both" id="food">';

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

    echo      
    '<div class="w3-quarter">' .
    '<img src="admin/uploads/' . $row['image'] . '" alt="noodles" style="width:50%">' .
    '<h3>' . $row['title'] . '</h3>' .
    '<p>' . $row['description'] . '</p>' .
    '</div>';

    }

  $r++;

  echo
  '</div>';

}          

?>

这是我认为你正在尝试做的方式:(只是猜测)

    <?php 

  echo        
  '<div class="w3-row-padding w3-padding-16 w3-center" style="clear:both" id="food">';

    $r = 0;    
    while($row=mysqli_fetch_array($res)){

      echo      
      '<div class="w3-quarter">' .
      '<img src="admin/uploads/' . $row['image'] . '" alt="noodles" style="width:50%">' .
      '<h3>' . $row['title'] . '</h3>' .
      '<p>' . $row['description'] . '</p>' .
      '</div>';

      $r++;
      //I would not actually try to control how many results you add like this.
      //I would get the results from a better formatted query.
      if($r < ceil($fetch_row_count/4)){

      break;

      }

    }

  echo
  '</div>';

?>