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>'; 
    }