php回显由图像包围的文本

如果我在php中回显一些文本，我如何将背景图像放在每个文本回显中，图像根据回显的长度调整高度

下面是我的代码，只是为了更好地解释一下。然后，我希望每一行的image speech.png都位于文本后面

function populate_shout(){
    global $dbh;
    $sql = ("SELECT * FROM shout ORDER BY id DESC limit 20");
        echo '<ul>';
            foreach ($dbh->query($sql) as $row) {
                echo '<li>';
                echo '<span class="date">&nbsp;<br/>'.$row['date_time'].'</span>';
                echo '<span style="font-size:12px;" class="name">&nbsp;<b>'.$row['name'].'</b></span>';
                echo '<span style="color:black;" class="message">&nbsp;<br/>'.$row['message'].'</span>';
                echo "img src="images/speech.png" width="60" height="20"";
                echo '</li><br/>';
                }
        echo '</ul>';
    }

函数填充{
全球$胸径；
$sql=（“按id描述限制从订单中选择*）；
回声“
”；
foreach（$dbh->query（$sql）作为$row）{
回音“
”；
回显“
”。$row['date_time']”；
回显'.$row['name'].'；
回显“
”。$row['message'].'；
echo“img src=“images/speech.png”width=“60”height=“20”；
回音“

”；
}
回声“
”；
}

---

谢谢

您应该使用CSS将背景图像应用于span类

span.date, span.name,span.message {
    background-image: url(images/speech.png) no-repeat;
}
span.name {
    font-size:12px;
}
span.message {
    color:black;
}

---

避免使用内联样式

这个问题与PHP无关。首先学习HTML，然后再转到PHP5，这只是为了完全正确，带有echo“img src”的石灰在图像名称的引号前需要反斜杠，即“images/speech.png\”）宽度和高度相同，或者只需将内部引号更改为单引号