Question

我正在一个非常简单的网上商店工作，它应该在2 * 4的表中回显不同的产品，但现在它只向下显示不同的产品。希望这里有人能帮助我。

$result=mysql_query("select * from products"); 
while($row=mysql_fetch_array($result)) { 

    $artikel = '<div style="background-color:#E3E3E3;width:200px;height:200px;"><a href=""><img style="padding-top:10px;padding-left:25px;width:150px;height:150px;" src="'.htmlspecialchars($row['picture']).'"></a><br><div align="center"><b>'.htmlspecialchars($row['name']).'</b><br><h6>&euro;'.htmlspecialchars($row['price']).'</h6></div></div>'; 

    echo '<table><tr><td>'.$artikel.'</td>'; 
    echo '</table>'; 
} 

Answer 1

它为什么会显示由4a的2表？

你把每一个产品在其自己的表，所以要做的第一件事，就是移动table标签圈外的，然后你需要添加逻辑在每个x产品后添加一个新行。

虽然你似乎并不需要一张表，因为你的div有固定的尺寸，所以你可以摆脱这个表，并使用CSS来获得你想要的网格。

Answer 2

如果这是你的整个代码，那么你缺少一个tr标签。 可能是您布局转换的可能原因。

而不是使用中断，我建议使用多个div（或者如果你更舒服的话可以使用表布局），因为在所有浏览器中中断并不总是相同。

Answer 3

而不是为每个记录创建新表，每个记录可以使用一行。

$result=mysql_query("select * from products"); 
    if(mysql_num_rows($result) > 0){ 
     echo '<table>'; 
     while($row=mysql_fetch_array($result)) { 
      $artikel = '<div style="background-color:#E3E3E3;width:200px;height:200px;"><a href=""><img style="padding-top:10px;padding-left:25px;width:150px;height:150px;" src="'.htmlspecialchars($row['picture']).'"></a><br><div align="center"><b>'.htmlspecialchars($row['name']).'</b><br><h6>&euro;'.htmlspecialchars($row['price']).'</h6></div></div>'; 
      echo '<tr><td>'.$artikel.'</td></tr>'; 
     } 
     echo '</table>'; 
    }