Php 如何避免图像显示在一列中

我正在开发一个画廊网站，用户可以访问其他人共享的图片。我已经创建了图库，可以使用缩略图查看图像，并从previsous图像的右侧上传图像。如果一个图像位于页面边缘，则下一个图像将位于其下方的行中。我使用此代码执行以下操作：

<?php
        mysql_connect("localhost","root","");
        mysql_select_db("pardeepsandhu");

        $res= mysql_query("select * from images");
        $row=mysql_fetch_array($res)
?>
<div id="w">
  <div id="content">
      <div id="images"><?php while ($row=mysql_fetch_array($res)){?>
        <a href="<?php echo $row["Image"]; ?>"><img src="<?php echo $row["Image"]; ?>" height="134.1175" width="134.1175" border="5" alt="turntable" /></a>
<?php } ?>
</div>
  </div>
</div>
<script type="text/javascript">
$(function() {
    $('#images a').lightBox();
});
</script>

$（函数（）{
$（“#图像a”）.lightBox（）；
});

然而，我现在正试图建立一个投票系统。在每个图像的底部都会有一个按钮，该按钮将给出一个类似的图像。按钮可以工作，但是图像和按钮的布局不同。所有图像一个接一个地显示，看起来它们都在列中。我不希望这种情况发生，因为空间会被浪费。这是带有按钮的代码：

<div id="w">
  <div id="content">
      <div id="images"><?php while ($row=mysql_fetch_array($res)){?>
        <a href="<?php echo $row["Image"]; ?>"><img src="<?php echo $row["Image"]; ?>" height="134.1175" width="134.1175" border="5" alt="turntable" /></a>
        <form id="form1" name="form1" method="post" action="">

          <input type="submit" name="button" id="button" value="Like this image" />
        </form>

<?php } ?>

---

如何像以前一样加载图像，使它们以行而不是列的形式显示。有人能帮我吗？

要实现水平布局，您需要在所有图像/链接容器上使用css“display:inline block；”。如果我是你，我会有另一个包含所有图像和投票信息的div。此外，请确保您正在关闭所有div，因为这可能会显著改变您的布局

沿着这条线的东西应该使它们水平

<div id="pic" style="display: inline-block;">
<a href=""><img src=""></a>
<form></form>
</div>

---

关于第二段代码，您能发布所有的结束代码吗