Php 从数据库中按顺序显示带有标题的图像

我只想用一种非常简单的方式显示我的图像，就像谷歌搜索图像一样。我有宽度为71px的图像；高度：59px。。。在图像下，我想将图像的标题居中，并以这种方式在一行中显示多个图像，然后在第二行中显示，下一行也是如此

如何为所有这些制作

CSS

这是我到目前为止所做的，显示数据库中的图像，但现在，它将我的图像和我的标题全部显示在“一列”中，而不是并排显示

PHP代码：

<div class="thumb">

        <?php
        $sql_res=mysql_query("SELECT * FROM content WHERE category =      
                    'thumb'   ORDER BY uid ASC LIMIT 25");
        while($row=mysql_fetch_array($sql_res)){
        $fname=$row['link'];
        $lname=$row['title'];
        $img=$row['img'];
        $categorie=$row['category'];
        $str = '<a href="' . $row['link'] . '.php">' . substr($row  
['title'],0,11)  . '</a>';?>
        <a href="<?php echo $fname ?>.php"><img src="http://www.website.ro/
images/<?php echo $img; ?>.jpg"/><?php echo $str; ?></a><?php } ?>

</div>

---

为了在一行上显示多个图像并使其看起来美观，您需要确保所有图像及其标题的宽度和高度都相等

因此，您需要一个容器（div）来保存单个图像（图像和标题）的内容，然后将该div向左浮动，并在右侧留一个边距

<div class='container'>
  <img src='..' alt='image' />
  <div>Image title</div>
</div>

---

现在，您可以将每个图像放在这样一个块中，它将填充页面，其中每个图像+标题具有相同的宽度和高度，因此它将以漂亮的行和列显示

我理解，谢谢…我会尝试，但现在一切对我来说都很清楚，这肯定会起作用

<div class='container'>
  <img src='..' alt='image' />
  <div>Image title</div>
</div>

.container { width:81px; text-align:center; float:left; margin:0px 10px 10px 0px; padding:5px 0 5px 0; }
.container img { width:71px; height:51px; display:block }
.container div { overflow:hidden; width:100%; height:20px; }