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;