php - 虽然循环产生奇怪的 div 行为

Question

我的站点中运行了以下代码。这样做是为了 2 乘 2 地显示元素，每次得到偶数时换行。

这一切都在一个 DIV 中:

while($info = $items->fetch(PDO::FETCH_ASSOC)) 
{
echo "<div name='item' id='".$info['color_base1']."' class='itemBox'>
<div class='showItem'><a href='items_descr.php?itemId=".$info[id_item]."'>
<img class='itemImage' alt='' src='images/$info[imageMid].jpg'></img></div></div><br />";
echo "<div class='indexItemText'><font class='similarItemsText'>
<a href='items_descr.php?itemId=".$info[id_item]."'>".$info[name]."</a>
<font class='price'> - $".$info[price]."</div>";
$row_count++;
if ($row_count % 2 == 0) 
    {
echo "<br />"; // close the row if we're on an even record
    }

}

问题是我生成的 CSS 做了一些奇怪的事情。它为前 2 个元素创建 div，然后为以下元素创建标签，直到它们从容器 div 中出来，它们应该被加载...

知道为什么会发生这种情况吗？

Answer 1

请试试这个:-

$html = '';
while($info = $items->fetch(PDO::FETCH_ASSOC)) 
{
    $html.= "<div name='item' id='".$info['color_base1']."' class='itemBox'>
     <div class='showItem'><a href='items_descr.php?itemId=".$info['id_item']."'>
     <img class='itemImage' alt='' src='images/".$info['imageMid'].".jpg' /></div> </div><br />";

    $html.= "<div class='indexItemText'><font class='similarItemsText'>
       <a href='items_descr.php?itemId=".$info['id_item']."'>".$info['name']."</a></font>
       <font class='price'> -$".$info['price']." </font></div>";  

   $row_count++;
   if ($row_count % 2 == 0) 
    {
      $html.= "<br />"; // close the row if we're on an even record
    }
}
 echo $html;