php - 使用PHP在图像下显示图像名称

Question

我开发了一个页面，其中显示数据库中的图像及其图像名称。

我成功地显示了数据库中的名称和图像名称，但是图像和图像名称的对齐方式如下:

IMG1 IMG2 IMG3   IMGname1 IMGname2 IMGname3

我试图从数据库中显示图像及其名称的代码:

<div class='badgeicon'>
      <?php
       $sql = "SELECT * FROM badges WHERE badge_id='$id_badge'";

       $result = mysqli_query($db,$sql) or die(mysqli_error($db));
       while($row = mysqli_fetch_array($result)){

       $image_src2 = $row['badge_image'];
       $imagedes  = $row['description'];
      ?>
      <img src= "<?php echo  $image_src2;  ?>" width="130px" height="140px">

       <?php echo $imagedes; ?>

我希望输出是:

IMG1       IMG2        IMG3 

IMGname1   IMGname2    IMGname3

即，图像名称直接位于相应图像的下方。

Answer 1

我认为最好的选择是使用 css 进行格式化。

<div class="image">
   <img src= "<?php echo  $image_src2;  ?>" width="130px" height="140px">
   <span class="description"><?php echo $imagedes; ?></span>
</div>

这里是风格

.image{
        display: inline-block;
    }

.description{
        bottom: 0;
    }

您可以做更多的事情，具体取决于您要实现的目标。