이상한 div 동작을 생성하는 동안

Question

내 사이트에서 다음 코드가 실행 중입니다. 짝수를 얻을 때마다 줄 바꿈과 함께 2 x 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;