while循環產生奇怪的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做奇怪的事情。它創建第1 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;