php - 从 SQL 表中提取照片和照片 ID，并将它们显示在 PHP 页面的列表中

Question

我有一个包含 ID、photourl 和 thumbnailurl 的 SQL 表。现在我写了一个删除照片的脚本。一切正常，我想在列表中显示图像:

如您所见，我想将照片和删除链接放在一个列表项中。

<ul>
    <li>
        <ul>
            <li><img src="#"/></li>
            <li><a href="#"> DELETE IMAGE </a></li>
        </ul>
    </li>

    <li>
        <ul>
            <li><img src="#"/></li>
            <li><a href="#"> DELETE IMAGE </a></li>
        </ul>
    </li>
</ul>

我写了一些代码，但它似乎不起作用...它在列表中垂直显示照片。

<ul >
<li>
<?php
    while ($line = $db->fetchNextObject()) {
        //echo '<li>';
            echo '<ul>';
                echo '<li> <img class="thumb_image '.$line->category.'" src="'.$line->minurl.'"/> </li>';
                echo '<li>  <a href="index.php?remove=true&id='.$line->id.'">Verwijder</a> </li>';
            echo '</ul>';
        //echo '</li>';
        /*echo '<img class="thumb_image '.$line->category.'" src="'.$line->minurl.'"/> <br/> <a href="index.php?remove=true">Verwijder</a> ';
    */
    }

    
?>
</li>
</ul>

Answer 1

尝试像这样设置您的 HTML:

<ul>
   <li><img src="#"/><a href="#" class="deleteImage"> DELETE IMAGE </a></li>
 </ul>

然后你的 CSS 如下:

.deleteImage { display: block; }​

这将允许您操作您希望删除图像文本显示在图像下方的位置。