Html 将缩略图放在一起，而不是放在MYSQL/PHP下面

早上好

我正在创建一个配置文件页面，我想在页面上显示彼此相邻的缩略图，并在点击按钮时弹出带有信息的覆盖图。我可以让一切工作，除了缩略图图片显示在一个单独的行，而我希望他们并排

如果没有覆盖的代码，它们将彼此相邻显示，但覆盖不起作用。目前在一个catch22

有什么建议吗

谢谢

<?php
  $result = mysql_query("SELECT * FROM People ORDER BY Position,Number");
  while($row = mysql_fetch_assoc($result)){
      echo '<div class="box" ><div id="triggers">',
           '<img src="profile/'.$row['Id'].'.jpg" rel="#mies'.$row['Id'].'"/>',
           '</div>',
           '<div class="simple_overlay" id="mies'.$row['Id'].'" align="center">',
           '<div class="details">',
           '<img src="profile/'.$row['Id'].'l.jpg" />',
           'Name: <b>'.$row['FirstName'].' '.$row['Surname'].'</b></br>',
           'Position: <b>'.$row['Position'].'</b> Number: <b>'.$row['Number'].'</b></br>',
           'Years With Saxons: <b>'.$row['YrsWithSaxons'].'</b></br>',
           'Previous Teams: <b>'.$row['PreviousTeams'].'</b></br>',
           'Favourite NFL Team: <b>'.$row['NFLTeam'].'</b></br>',
           'Favourite NCAA Team: <b>'.$row['NCAATeam'].'</b></br>',

           '</div></div>';
    }
?>

---

您想要浮动.box元素，或者将它们设置为显示为内联块

display: inline-block;

或

---

您可能会在css中为box元素添加一些样式。 添加浮动：左；可能还有一个“右边距：10px；如果你愿意的话，把它们隔开一点。

---

确保在html的最后一个框后添加一个空格。

我认为这与PHP或MySQL无关。这个问题存在于HTML和CSS中。您应该发布和CSS的HTML输出，因为ass@KemalFadillah提到这个问题不存在于PHP/MySQL中

float: left;